VUE组件中name的作用

简介: 最近在使用VUE的过程中,发现组件中有个name的属性,可写可不写,就比较奇怪,这个属性用来做什么的。经过学习的深入也基本了解了该属性的作用,在此记录下。 递归组件时使用 比如我下面的例子中,list数组里有子项数据,那么就可以直接通过name值调用自身的组件,用来实现递归 使用keep-li.

最近在使用VUE的过程中,发现组件中有个name的属性,可写可不写,就比较奇怪,这个属性用来做什么的。经过学习的深入也基本了解了该属性的作用,在此记录下。


优惠劵领取地址:亲,来宠幸我吧


递归组件时使用

比如我下面的例子中,list数组里有子项数据,那么就可以直接通过name值调用自身的组件,用来实现递归

04718d3a123fb6a0e40052b99f9e8635.png

使用keep-live包裹组件时,可通过exclude直接设置对某些组件不缓存

这里的Detail就是之前组件的name属性

436c2216d8050f0d9605d38d63aeef0b.png

VUE浏览器插件

使用VUE调式插件时,dom结构中的名称就是name的属性值了

f4ed5a8f3f6719ddded0f8ba2ba2e06e.png

目录
相关文章
|
1天前
|
存储 API
vue3中如何动态自定义创建组件并挂载
vue3中如何动态自定义创建组件并挂载
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
8 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript
vue知识点
vue知识点
6 2
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
8 1
|
1天前
|
JavaScript
vue学习(14)深度监视
vue学习(14)深度监视
10 0
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
1037 0
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法