定义插件,vue里面的插件的本质是 对象且对象里面必须要有一个方法install
定义插件:plugins.js (全局的函数 指令 方法)
const obj = {
install(Vue) {
console.log('Vue钩构造函数', Vue)
//全局过滤器
Vue.filter('mySilce', function (val) {
return val.slice(0, 4)//截取前四位
})
//全局自定义指令
Vue.directive('big', function (element, binding) {
element.innerText = binding.value * 10
}
)
//定义混入
Vue.mixin({
data() {
return {
a: 10,
b: 23
}
}
})
//给VUE原型上添加方法(vm和vc都可以使用)
Vue.prototype.hello=()=>{
alert('你好啊')
}
}
}
export default obj
在main.js里面导入插件 并使用Vue.use
//引入插件
import plugin from './plugins'
//关闭生产提示
Vue.config.productionTip = false
//使用APi引用插件
Vue.use(plugin)
之后在组件中使用该插件
使用Vue.use(plugin,1,2,3)可以传入参数
Vue.use(plugin,1,2,3)
接收
console.log('Vue钩构造函数', Vue,x,y,z)
插件:用于增强vue
本质:包含一个install方法的一个对象,install的第一个参数是Vue,第二个参数睡觉哦插件使用者传递的参数
定义插件:
对象.install=function(Vue,参数) {
//全局过滤器
Vue.filter()
//全局自定义指令
Vue.directive()
//定义混入
Vue.mixin()
//添加实例方法
Vue.prototype.$myMethods=function(){}
Vue.prototype.$myProperty=xxx
}