Vue中在根template标签内嵌套template标签是否合规?
Vue根template内使用template标签的规范说明
这种用法完全符合Vue的官方规范,是Vue里很常用的合理写法。
Vue提供的<template>标签是无渲染的逻辑容器,它本身不会被编译成真实DOM节点,核心作用就是包裹一组元素,实现循环、条件判断这类逻辑控制的同时,避免生成多余的DOM层级。
结合你提供的代码来看:
你用<template v-for="item_3 in item_2" :key="item_3.id">的写法,正是官方推荐的场景之一——当你需要循环渲染内部的<div class="item_4">元素,但不想为了承载v-for指令额外添加冗余父DOM节点时,就可以用<template>作为“容器”,最终渲染结果里只会出现循环生成的item_4元素,不会有<template>对应的节点。
除了配合v-for,<template>还可以和v-if/v-else-if/v-else组合,实现多元素的条件渲染,同样不会额外生成DOM节点,这些都是Vue官方明确支持的标准用法。
内容的提问来源于stack exchange,提问作者Sina.Hosseini.GST
相关产品推荐
相关产品推荐

