插件 (功能集合)
功能介绍
本质上: 用于增强Vue, install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据
使用方法
1. 写一个 plugins/index.js , 配置一些资源挂载到 Vue 原型上
2. 在 main.js 中全局注册
2. 在别的组件中用 this. 访问
代码展示
# --------------------------------------plugins/index.js 中代码-------------------------------------------------
import Vue from "vue";
import axios from "axios";
export default {
install(Vue, options) {
// 添加全局属性
Vue.prototype.$name = 'lqz'
// 添加全局方法
Vue.prototype.$myGlobalMethod = (a, b) => {
return a + b
}
// 添加全局资源
Vue.prototype.$axios = axios
// 也可与添加 mixin -----> 全局组件
Vue.mixin({
data() {
return {
name: 'pyy'
}
},
methods: {
handleClick() {
alert(this.name)
}
},
})
}
}
# ---------------------------------------main.js 代码----------------------------------------------
import plugins from './plugins'
Vue.use(plugins)