插件写法:
1. 创建一个commonMixin.js文件
2. 文件导出对象
export default {install (Vue) {Vue.mixin({created() {console.log('commonMixin')},methods: {},computed: {}})}
}
3. 在main.js中引入
import commonMixin from './common/commonMixin.js'
Vue.use(commonMixin)
全局和局部引入:
- 创建mixin_com.js 文件
- 文件导出对象:
export default {data() { return {title: '娃哈哈'} },created() {console.log('created -- 全局引入', this.title)}
}
- main.js 引入 (全局引入)
import mixin_com from './common/mixin_com.js'
Vue.mixin(mixin_com)
在某个组件中单独使用 (局部引入):
import mixin_com from '@/common/mixin_com.js'
export default {mixins: [mixin_com],data() {}
}