vue如何引入mixins vue如何引入js文件

文章摘要：vue如何引入mixins vue如何引入js文件

在vue中引入mixins的方法：1.定义mixins对象；2.新建vue项目；3.使用import方法导入m […]

在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],

}