手机微网站开发书籍,seo如何网站正常更新,装修设计软件酷家乐,服务哪家好中医小程序定制mixins 用于在 Vue 中便捷复用变量、方法、组件引用、生命周期等 使用方法 创建文件myMixin.js
export const myMixin {data() {return {webName: 朝阳的博客}},created() {alert(欢迎来到${this.webName})},methods: {hi() {alert(欢迎来到${this.webName})}}
}vue文件中引入…mixins 用于在 Vue 中便捷复用变量、方法、组件引用、生命周期等 使用方法 创建文件myMixin.js
export const myMixin {data() {return {webName: 朝阳的博客}},created() {alert(欢迎来到${this.webName})},methods: {hi() {alert(欢迎来到${this.webName})}}
}vue文件中引入并使用myMixin.js
import {myMixin} from ./myMixin.jsexport default {mixins: [myMixin],mixins的值为一个数组可以传入多个minxins mixins: [myMixin1,myMixin2],注意事项 mixins中的变量和方法与vue文件中的变量和方法同名时vue文件中的变量和方法会覆盖mixins中的mixins中函数如生命周期钩子函数会在vue中的函数之前执行 如mixins和vue中都有mounted生命周期钩子函数则mixins中的先执行vue文件中的后执行。 不同vue文件引入同一个mixins时mixins中定义的变量都属于各自的vue实例相互之间互不影响。全局混入会影响每个单独创建的 Vue 实例 包括第三方组件所以使用时格外小心。 mixins 的缺点 变量来源不明确不利于阅读多 mixin 可能会造成命名冲突mixin 和组件可能出现多对多的关系复杂度较高
