vue 插件的使用

文档结构：

首先根据需求自定义插件，即编辑 Notice.vue

其次在NoticeController.js中调用install方法。NoticeController.js内容如下：

import vueNotice from './Notice.vue' // 导入组件
const vuenotice = {
    install (Vue, options) {
        Vue.component(vueNotice.name, vueNotice) // vuePayKeyboard.name 组件的name属性
    }
}
if (typeof window !== 'undefined' && window.Vue) {
    window.Vue.use(vuenotice)
}
export default vuenotice // 导出..

然后在main.js中调用Vue.use()使用插件

import vuenotice from './myPlugins/NoticeController'
Vue.use(vuenotice) // 挂载自定义插件

最后在Person.vue中就可使用插件了

<notice-plugin></notice-plugin>

此外，若插件与调用插件的组件存在数据的相互传递，则采用父子组件数据传递的方法