在vue中引入mixins的方法:1.定义mixins对象;2.新建vue项目;3.使用import方法导入mixins对象;
具体步骤如下:
首先,新建一个mixins文件,并在文件中定义一个mixins对象;
export const myMixin = {
data(){
return{
num:1,
}
},
created(){
this.hello();
},
methods:{
hello(){
console.log('hello from mixin')
}
}
}
mixins对象定义好后,在vue-cli中新建一个vue项目;
vue create project-name
最后,vue项目新建好后,在项目中使用import方法将mixins对象导入到vue项目中即可;
impore {myMinxin} from '@/assets/mixin.js'
export default {
mixin:[myMinxin],
}