Vue中的插件

Vue中的插件
本质:是一个包含install这个方法的对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据

功能:用于增强Vue

使用步骤:
1、定义插件

对象.install =function(Vue,options){
		//1、添加全局过滤器
		Vue.filter(...)
		
		//2.添加全局指令
			Vue.directive(...)
			
		//3、配置全局混入
		Vue.mixin(...)
		
		//4、添加实例方法
		Vue.prototype.$myMethod= function(){...}
		Vue.prototype.$myProperty  =  xxx
}

创建步骤:
①在src中创建一个plugins.js
②写一个install方法
install括号中的参数是Vue的缔造者,而不是vm
在这里插入图片描述
在这里插入图片描述
可以把之前写过的全局方法写入其中
在这里插入图片描述
在这里插入图片描述
③默认导出,供其他模块使用

这里模块导出必须出现在顶级,export关键字是控制模块的哪些部分对外部可见,每个模块只能有一个默认导出,命名导出和默认导出不会冲突,一个模块可以同时定义这两种导出。

然后再用import关键字使用其他模块导出的值,import必须出现在模块的顶级。

2、引入插件
在main.js中引入
在这里插入图片描述
3、应用(使用)插件

在main.js中应用插件 Vue.use()
在这里插入图片描述
那么在全局VC和vm身上都可以使用这些方法,比如mixin
在这里插入图片描述
在这里插入图片描述
给原型添加的方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值