作者： | 来源：互联网 | 2023-08-23 19:42
篇首语：本文由编程笔记#小编为大家整理，主要介绍了vue.js注册引用全局消息组件相关的知识，希望对你有一定的参考价值。
1 注册
在 src/components 下新建 index.js 文件，复制贴入以下代码：
注册全局组件需要使用 Vue.component，第一个参数 ‘Message‘ 是组件名称，第二个参数 Message 是一个对象或者函数，我们这里是一个对象。（vue-cli模板下）
import Message from ‘./Message‘
Vue.component(‘Message‘, Message)
2 引用
打开 src/main.js 文件，引入 ./components：
import Vue from ‘vue‘
import App from ‘./App‘
import router from ‘./router‘
import ‘./directives‘
import ‘./components‘
我们通过引入 ./components/index.js，执行其中代码，就可以使用其内部注册的所有组件了。
3 使用
在目标组件的 data 中添加了 3 个消息组件相关的属性 msg、msgType 和 msgShow
View Code 
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有