vue 插件

要点：

 

插件：

可以帮助我们去增强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)

而且还可以给插件传入参数：

验证：

 

 

总结：