<!--
vue插件
page-tools -> 全局组件
核心api:Vue.component('page-tools', 导入的组件名 )
一开始:main.js 只做初始化的操作
为了保持main.js 精简 -> 插件化的形式完成全局注册
定义
import PageTools from 'vue文件路径'
1. 对象定义
export const plugin = {
install(Vue){
Vue.component 全局组件注册
Vue.component('page-tools', PageTools )
.....
Vue.directive 全局指令注册
Vue.propotype.$http = function(){} 实例对象中.vue this.$http
}
}
2. 函数定义(函数本身会被当成install方法执行)
export function plugin(Vue){
Vue.component 全局组件注册
}
注册
import {plugin} from 'vue文件路径'
核心api:main.js 引入插件 Vue.use(plugin)
当执行 Vue.use(plugin) -> 自动执行插件的install方法 并且会把Vue构造函数当成实参注入
引入elementUI组件 调用Vue.use()
1. 全局组件注册
2. this.$confirm this.$message
-->
这样定义完每个模块都可以使用了
<page-tools />