要点:
插件:
可以帮助我们去增强vue
vue的插件本质为一个对象,{}但是里面一定要有install安装
插件的创建:
在src文件中写入一个plugins.js文件里面写下图代码,别忘了暴露
而vue里,是先应用你的插件再去创建你的vm
也就是说再main.js里面要再创建你的vm前写入引用插件和使用插件
如下图所示,因为这边使用的是默认暴露,所以不需要写{},然后进行Vue.use(plugins)使用插件
运行发现输出了
然后我们对它的传入参数进行分析
发现a不是vm是vue的构造函数,这样这里面就可以做很多事情了
在里面加入全局过滤器
再加入自定义指令
还可以定义混入
还可以在vue原型上定义一个弹窗,并且在vue原型上添加的vue component和vm就都能用了
配置好后,
在School组件使用全局过滤器 mySlice
发现实现了只显示前四位的效果
使用之前的自定义指令自动获取焦点
实现效果
混入效果也有
再验证那个再vue原型上加的hello方法
this中找到hello方法
点击按钮发现弹窗了
到这也就是说,如果vue里面的插件有许多自定义指令,和过滤器等,你就可以直接去使用可以让vue的功能增强
比如要用到abc插件,就要使用 Vue.use(abc)
而且还可以给插件传入参数:
验证:
总结: