Vue如何使用混合Mixins和插件开发详解(3)

unbind: 只调用一次，指令月元素解绑的时候调用图片黄色框的地方，是在组件使用了v-hello指令后所初始化的数据，并且也打印了接受参数，在点击解绑后，在点击开始加1则无效

注入组件

let MyPlugin = {} MyPlugin.install = function(Vue, options) { Vue.mixin({ data() { return { name: options.name } }, methods: { getUser() { return options.author } } }) } Vue.use(MyPlugin, { name: 'www.vipbic.com', author: '羊先生' }) new Vue({ render: h => h(App), }).$mount('#app')

在组件中使用

export default { data(){ return { } }, created(){ //这里name和getUser来自全局注入的 console.log(this.name) console.log(this.getUser()) } }

效果

Vue.use 会自动阻止注册相同插件多次，届时只会注册一次该插件

参考文章

web前端开发-混合
Vue.directive指令