使用方法:
(1)定义插件
创建一个单独的plugin.js文件,
应该暴露一个 install 方法。
这个方法的第一个参数是 Vue 构造器,
第二个参数是一个可选的选项对象
export default {
install(Vue) {
// 全局混入
Vue.mixin({
methods: {
showName() {
alert(this.name);
},
},
})
// 添加全局资源
Vue.directive('my-directive', {
bind (el, binding, vnode, oldVnode) {
// 逻辑...
}
...
})
// 添加实例方法
Vue.prototype.$myMethod = function (methodOptions) {
// 逻辑...
}
// 添加全局过滤器
Vue.filter('capitalize', function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})
}
}
(2)在main.js中
导入 import plugins from '../plugs'
使用插件 Vue.use(plugins)
Vue 中插件(plugin)的使用
最新推荐文章于 2023-06-16 10:57:59 发布