export default { mixins: [mixin], components: { list_article, list_article_hot, }, data() { return { url_get_list: "~/api/article/get_list?", list: [], query: { page: 1, size: 8, }, list_hot: [], count_pages: 1, list_article_type: [], title: "", sort_list: [ { name: "热度从高到低", value: "hits desc", }, { name: "热度从低到高", value: "hits asc", }, { name: "更新时间从高到低", value: "create_time desc", }, { name: "更新时间从低到高", value: "create_time asc", }, ], search_val: "" }; },
时间: 2023-07-19 15:04:26 浏览: 45
这是一个Vue组件的代码,其中包含了一个混入 mixin 和两个子组件 list_article 和 list_article_hot。 data() 函数返回了一些数据对象,包括用于获取文章列表的接口地址 url_get_list、文章列表数据 list、查询参数 query、热门文章列表数据 list_hot、总页数 count_pages、文章类型列表数据 list_article_type、标题 title、排序选项 sort_list、搜索框的值 search_val。这些数据将在组件的模板中被使用。
相关问题
export default { mixins:[mixin], components:{ list_comment, bar_title, form_editor, div_dish_information }, data(){ return{ url_get_obj: "~/api/dish_information/get_obj?", field: "dish_information_id", obj: { "praise_len": 0, }, query: { "dish_no": "", "type_of_dish": "", "name_of_dish": "", "price_of_dishes": "", "picture_of_dishes": "", "introduction_details": "", "dish_information_id":0, }, // 点赞 praise: 0, // 点赞状态 state_praise: false, // 收藏状态 state_collect: false, list_comment: [], form_comment: { source_table: "dish_information", source_field: "dish_information_id", source_id: 0, reply_to_id: 0, }, count_pages: 1, // 页面数 } },
这是一个 Vue.js 的组件,使用了一个 mixin,并引入了四个子组件:list_comment、bar_title、form_editor、div_dish_information。data() 函数返回了组件中需要用到的数据,包括获取数据的接口地址 url_get_obj、搜索条件 query、点赞、点赞状态和收藏状态等。同时,还有评论列表、评论表单以及分页信息等。
import mixin from "@/mixins/page.js"; export default { mixins: [mixin],
这段代码是一个 Vue 组件的定义,其中 `mixins` 选项是用来混入一个或多个 mixin 对象的。在上面的代码中,`mixin` 是一个名为 `page.js` 的 mixin 对象。Mixin 是 Vue 中用于代码复用的一种机制,它可以为组件提供一些公共的逻辑和属性,使得组件之间可以共享这些逻辑和属性。在这个例子中,`page.js` mixin 可能包含一些与页面相关的逻辑和属性,被混入到当前组件中后,这些逻辑和属性就可以在当前组件中使用了。