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