文章目录
- 49.(了解)自定义插件
- 本人其他相关文章链接
49.(了解)自定义插件
自定义插件好处:
- 功能:用于增强Vue
- 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据
使用流程:
- 新建xx.js文件自定义插件并提供暴露对象。
- 在src/main.js中引入自定义插件并使用。
修改代码:
首先创建plugins文件夹,新建myPlugins.js文件
//Vue插件一定暴露一个对象
let myPlugins = {};
myPlugins.install = function(Vue,options){
//Vue.prototype.$bus:任何组件都可以使用
//Vue.directive自定义指令
//Vue.component注册组件
//Vue.filter过滤
//全局指令
Vue.directive(options.name,(element,params)=>{
element.innerHTML = params.value.toUpperCase();
console.log(params);
});
}
//对外暴露组件对象
export default myPlugins;
src/main.js
//引入自定义插件
import myPlugins from '@/plugins/myPlugins';
Vue.use(myPlugins,{
name:'upper'
});