vue20.17.0-全局注册

在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>