mixins 是 vue 中用来解决代码夯余的问题
主要用来储存公用代码以及方法,( 登录,登出,固定跳转等 )
mixins 使用
- 定义 mixin 对象 (这个对象本质上也是一个 vue 实例)
- 调用 vue.mixin 方法混入当前对象
// 第一步: 定义全局对象
const mixin = {
data() {
return {
//...
}
},
computed: {
// ...
},
methods: {
//...
}
}
// 第二步: 挂载
Vue.mixin(mixin)
定义完之后,在其他 vue 实例中就可以调用到其中的方法以及变量了
注意:如果mixin中定义的变量或方法与组件中的变量有冲突,则会使用组件中的方法或变量