温馨提示×

vue如何引入mixins

vue
养鱼的猫咪
170
2021-05-08 15:59:49
栏目: 编程语言

在vue中引入mixins的方法:1.定义mixins对象;2.新建vue项目;3.使用import方法导入mixins对象;

vue如何引入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],

}

0