-
Vue.mixin
在全局Vue中混入一些操作,这些操作会在所有Vue实例中触发// main.js Vue.mixin({ // 这里可以使用一些钩子函数 created(){ console.warn('mixin') } })
-
Vue.use
用于在全局Vue中安装依赖// main.js import Vue from 'vue' const myPlugin{ install(Vue){ // do something // Vue.use(_plugin) 其实就是会调用_plugin的install方法 } } Vue.use(myPlugin)
-
1.2.混合起来可以这么注册一个插件
const myPlugin = { install(Vue){ Vue.mixin({ created(){ // this.$options 可以获取到一些自定义的vue属性 if(this.$options.rules){ console.log(this.$options.rules.message); } } }) } } Vue.use(myPlugin); // 那么当一些组件中有设置rules时就会触发插件的操作 new Vue({ data(){ return { } }, methods: { }, rules: { message: 'hello world' } })
vue plugin的简单使用
最新推荐文章于 2024-03-06 18:00:00 发布