注意:这里的<template>与组件中的<template>不是一个概念,这里的<template>占位符相当于小程序的<block>节点!

  当我们需要在遍历循环时,将数据绑定到多个Dom节点,这种情况下使用<template>占位符将极大的简化代码:

<template v-for="(item, index) of list" :key="item.id">
	<div>{{item.text}}</div>
	<span>{{item.title}}</span>
</template>

  <template>占位符在浏览器中编译以后,就会消失!

Logo

前往低代码交流专区

更多推荐