0
点赞
收藏
分享

微信扫一扫

vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】


vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】_自定义插件

文章目录

  • 49.(了解)自定义插件
  • 本人其他相关文章链接

49.(了解)自定义插件

自定义插件好处:

  1. 功能:用于增强Vue
  2. 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据

使用流程:

  1. 新建xx.js文件自定义插件并提供暴露对象。
  2. 在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'
});

举报

相关推荐

0 条评论