vue.js-组件嵌套

组件嵌套,即父组件中嵌套子组件

如在搭建好项目中,在App.vue中调用子组件HelloWorld,就是组件嵌套:

 

 子组件在使用过程中如下两种注册方式:

1.注册全局组件

 在main.js中,分别进行引入组件和注册全局组件操作

 

如果写成带单引号Vue.component('HelloWorld','HelloWorld'),会报如下错误

 

 

 注:组件注册了全局组件,可以在任何地方使用,但是这种情况一般是需要某种特殊的情况,才会注册成全局组件,但是全局组件如果改动了,会影响所有使用到的地方。

2.局部注册

 在要调用组件的地方,进行如下两个操作即可:

 

通过两种方式实现的子组件注册,浏览页面都是一样的效果,如下:

 

posted @   sunshine_coast  阅读(373)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示