Vue3---组件注册(全局组件、局部组件)

Love The Way You Lie 2023-01-20 08:11 948阅读 0赞
  • 全局组件通过 app.component() 方式注册​​​​​​​

watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54yO56CB5aOr_size_20_color_FFFFFF_t_70_g_se_x_16

  1. import { createApp } from 'vue'
  2. import App from './App.vue'
  3. import router from './router'
  4. import commonTit from './components/commonTit.vue'
  5. const app = createApp(App)
  6. app.use(router)
  7. app.mount('#app')
  8. app.component('commonTit', commonTit) // 注册全局组件
  9. <template>
  10. <div id="about">
  11. <commonTit :tit="'猎码士'" />
  12. </div>
  13. </template>
  • 局部组件,通过 defineAsyncComponent 导入组件,注册后使用。

发表评论

表情:
评论列表 (有 0 条评论,948人围观)

还没有评论,来说两句吧...

相关阅读

    相关 vue注册组件注册局部组件

    vue注册组件跟注册局部组件 > 由于以前都是用脚手架写的项目,因此常常忽略了这一点,由于最近入驻的公司是关于直播广告活动的,因此都是基于vue.js写出的项目,废话不多

    相关 组件-局部注册

    选项/资源 Components,包含 Vue 实例可用组件的哈希表。类型是object 在这些情况下,你可以通过一个普通的 JavaScript 对象来定义组件: <ta