文档结构:
首先根据需求自定义插件,即编辑 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>