Vue.use()丶Vue.component()丶Vue.directive() 使用

小白记录

1. Vue.use() 引入插件

安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。

例：引用 element-ui 提供了install方法

import ElUI from 'element-ui'
Vue.use(ElUI, { size: 'mini' })

2.Vue.component() 引入组件
例： 引用 element-tree-grid组件

import ElTableTree from 'element-tree-grid'
Vue.component(ElTableTree.name, ElTableTree)

自己封装一个组件

kindoCard.vue 里面编写组件功能
index.js 将组件暴露出来 代码如下

import KindoCard from './src/kindoCard'

KindoCard.install = function(Vue) {
  Vue.component(KindoCard.name, KindoCard)
}

export default KindoCard

最后main 方法挂载

import KindoCard from './kindo-card'
Vue.use(KindoCard )

3.Vue.directive() 引入自定义指令

Vue.directive(directive.name, directive)