type
status
date
slug
summary
tags
category
icon
password
配置全局组件
如果组件的使用频率特别高（例如
tabcle、input、button......）这些组件几乎每个页面都在使用的话，就可以封装成全局组件在
main.ts里引入Card组件，并跟随在createApp后面，切记不能放在mount后面其次调用
component，第一个参数是组件名称，第二个参数是组件实例使用方式：
直接在
Vue其他页面使用，无需引入批量注册全局组件
可以参考
element-ui，其实就是遍历一下，然后通过app.component注册.png?table=block&id=5ca7b10c-6320-44ab-b96e-a041f43e2024&t=5ca7b10c-6320-44ab-b96e-a041f43e2024)
配置局部组件
就是在一个组件内去引入别的组件，称之为局部组件
配置递归组件
原理跟我们写
js 递归是一样的，都是自己调用自己，再通过一个条件来结束递归案例递归树：
在父组件配置数据结构
TreeList，再传给子组件子组件接收
TreeList的值：给子组件定义名称，用于递归。定义名称有几种方式，这里常用的话可以使用下面这两种方式：
1.增加一个script，通过export添加name
2.直接使用文件名当组件名
.png?table=block&id=19eb0e5f-e398-4af0-adf0-168509c09873&t=19eb0e5f-e398-4af0-adf0-168509c09873)
扩展：
?. 可选链，避免报错
?? 双问号表达式，如果左边为undefined和null，就返回右边的值。注意：主处理undefined和null的返回值，如果是0还是返回0，false还是返回false
动态组件
动态组件就是：让多个组件使用同一个挂载点，并动态切换
在挂载点使用
component标签，然后使用v-bind:is='组件'用法如下：
- 作者:衔蝉
- 链接:https://xianchan.ah.cn/article/vue3-13
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章