mixin分为全局的和局部的混入
首先在src根目录创建一个mixin文件
export default {
// 对象里面放一些选项对象
data() {
return {
num:10,//混入的num
}
},
created() {
console.log('我是混入的钩子函数');
},
methods: {
add(){
console.log('我是混入的方法add')
}
},
}
全局的mixin混入
(慎用全局混入)
- 在mine.js中引入minxin
import mixin from './mixin/index.js'
- 注册
Vue.mixin(mixin)
局部的mixin混入
- 引入
import mixin from '../mixin/index.js'
- 局部的混入
mixins:[mixin]
页面的data会覆盖混入的data，混入的先执行
钩子函数不会覆盖，混入的先执行
页面的methods会覆盖混入的methods，混入的先执行
