官方的解释是,mixin是来分发Vue组件中的可复用功能。
在我看来,就是有一个文件,你在里面定义数据也好,方法也好,什么都好,要是有一个vue文件引入它,那么这个vue文件就可以用它的方法,用它定义的数据。
我写了一个mixins.js,如下所示:
const mixins = {
data () {
return {
name: 'max',
age: 24
}
},
created () {
console.log('mixins creatd')
},
methods: {
sayHi () {
console.log(`hello, my name is ${this.name}, my age is ${this.age}! Nice to meet you!`)
}
}
}
export default mixins