一、插件的作用或者说应用场景；
它的主要作用是“增强vue”,能够完成更加强大的功能，可以用于：实现全局过滤器、实现自定义指令、定义混入、添加全局方法……；
二、插件的分类
一、自定义插件
就是由自己来定义插件的作用，完成那些功能；
使用步骤，分为三个步骤：
1、创建插件：
创建一个plugins.js文件，文件名字不是固定的，文件和main.js是同级的；
export default {
install(Vue) {
// 1、全局过滤器
Vue.filter('mySlice', function (value) { //只要字符串的前四位
return value.slice(0, 4);
})
// 2、自定义指令,定义全局指令
Vue.directive('fbind', { //1、全局自定义指令的方法
bind(element, binding) {
element.value = binding.value;
},
// 指令所在元素被插入页面时
inserted(element, binding) {
element.focus()
},
// 指令所在的模板被重新解析时候
update(element, binding) {
element.value = binding.value;
}
})
// 3、定义混入
Vue.mixin({
data() {
return {
x: 100,
y: 200
}
}
})
// 4、添加全局方法
Vue.prototype.alert = function () {
alert('hello world')
}
}
}
2、引入插件：
import plugins from './plugins'
3、使用插件：(use:使用)
Vue.use(plugins)
二、引用插件;（使用别人封装好的插件、组件……）
应用别人封装好的插件，使用步骤分为三步：
1、安装插件
通过：npm install xxx;//在控制台安装插件；
2、引入
通过：impor xxx from "xxx"
3、使用插件
通过：Vue.use(xxx)
