在main.js文件写全局注册


import { createApp } from 'vue'
// import App from './App.vue' App只是别名而已,代表作为这个文件的名称
import App from './App02.vue'
import test from './components/testdata.vue'
//挂载App.vue文件游览器才可以渲染。如果不在这里设置,则需要在App.vue中设置或组件的vue中设置
// createApp(App).mount('#app')

//分步全局注册
/*// 第一步:创建一个vue实例
const app_instance= createApp(App)
// 第二步:注册全局组件,.component('test1',test) 第一个参数name:自定义名字'test1'
// 第二个参数component:要注册的组件test,test是testdata.vue文件别名
app_instance.component('test1',test)
// 第三步:挂载到html中,#app是html中的id
app_instance.mount('#app')*/

// 简写注册全局方法
createApp(App).component('test1',test).mount('#app')

//在任意vue组件的模板template中使用<test1/>就能引入test的组件

//如:<template><test1/></template>

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部