加载中...
文章
794
标签
0
分类
17
首页
档案
标签
分类
清单
音乐
电影
友链
关于
小马Ti的博客
Fragment组件
搜索
首页
档案
标签
分类
清单
音乐
电影
友链
关于
Fragment组件
发表于
2024-12-17
|
更新于
2024-12-17
|
Vue3
|
总字数:
62
|
阅读时长:
1分钟
|
浏览量:
Fragment组件
在Vue2中
根组件必须有一个根标签
在Vue3中
根组件可以没有根标签,内部会将多个标签包含在一个Fragment虚拟元素中
好处
减少标签层级,减小内存占用
文章作者:
小马Ti
文章链接:
http://example.com/2024/12/17/TyporaNotes/Typora_Vue3/Fragment组件/
版权声明:
本博客所有文章除特别声明外,均采用
CC BY-NC-SA 4.0
许可协议。转载请注明来源
小马Ti的博客
!
赞助
上一篇
customRef
自定义Ref作用创建一个自定义的ref,并对其依赖项跟踪和更新触发进行显示控制 实现防抖效果页面防抖就是在事件触发的时候,并没有马上急着去做处理,而是在等待一段时间后再去执行。在该时间范围内只发起一次请求,以最后一次为准 示例1234567891011121314151617181920212223242526272829303132333435363738394041<template> <input type="text" v-model="keyword"> <h3>{{keyword}}</h3></template><script>import {ref,customRef} from 'vue'export default { name: 'App', setup(){ function...
下一篇
provide与inject
provide与inject作用实现祖孙组件间通信(祖provide,后代均可inject,只是一般用于祖孙间通信) 使用方法父组件有一个provide选项来提供数据,后代组件有一个inject选项来开始使用这些数据 父组件:12345678910setup(){ let car=reactive({ name:'奔驰', price:'40w' }) provide('car',car) return {...toRefs(car)}} 孙子们:1234setup(){ let car=inject('car') return {...toRefs(car)}}
评论
目录
1.
Fragment组件
1.1.
在Vue2中
1.2.
在Vue3中
1.3.
好处
简
0
%
搜索
数据加载中