当前位置: 首页 > article >正文

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>


http://www.kler.cn/news/368820.html

相关文章:

  • 【AIGC】从CoT到BoT:AGI推理能力提升24%的技术变革如何驱动ChatGPT未来发展
  • 碰一碰支付系统搭建怎么做?头部公司源码大测评!
  • 【牛客算法】某司面试算法题:找出最长山脉的长度
  • Java | Leetcode Java题解之第513题找树左下角的值
  • 基于python的马尔可夫模型初识
  • Redis 基础 问题
  • 102. 管道漫游案例
  • Ubuntu20.04版本的NVIDIA显卡驱动程序安装(宝宝级攻略)
  • vue 项目i18n国际化,快速抽离中文,快速翻译
  • vscode使用make编译c的问题
  • 机器人和智能的进化速度远超预期-ROS-AI-
  • git的学习之本地进行操作
  • 【数据结构】队列和栈相互实现
  • 故障诊断 | MTF-TLSSA-DarkNet-GRU-MSA迁移学习故障识别程序(t分布+莱维飞行改进麻雀优化)
  • 【AIGC】从CoT到BoT:AGI推理能力提升24%的技术变革如何驱动ChatGPT未来发展
  • Python | Leetcode Python题解之第509题斐波那契数
  • Shiro授权
  • 网络应用技术 实验一:路由器实现不同网络间通信(华为ensp)
  • 镜舟科技荣获中国信通院 2024 OSCAR 尖峰开源商业化案例奖
  • 模板进阶
  • 深入了解 Android 中的命名空间:`xmlns:tools` 和其他常见命名空间
  • 算法的学习笔记—翻转单词顺序列(牛客JZ73)
  • HarmonyOS Next API12最新版 端云一体化开发-云函数篇
  • 如何快速分析音频中的各种频率成分
  • Vue学习笔记(六)
  • 纯GO语言开发RTSP流媒体服务器-RTSP推流直播、本地保存录像、录像回放、http-flv及hls协议分发