layui循环数据并渲染_Vue 3 列表渲染

列表渲染

实验介绍

列表渲染,其实给人的感觉就是 JavaScript 中的 for 循环,只不过将其提取到 HTML 模板层面了,将其指令化,本质还是 for 循环。

用 v-for 把一个数组对应为一组元素

我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。

同样,我们在 src/views/TemplateM.vue 写下如下代码:

<template>   <div class="template-m-wrap"
列表渲染 实验介绍 列表渲染,其实给人的感觉就是 JavaScript 中的 for 循环,只不过将其提取到 HTML 模板层面了,将其指令化,本质还是 for 循环。 用 v-for 把一个数组对应为一组元素 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。 同样,我们在 src/views/TemplateM.vue 写下如下代码:
列表渲染 实验介绍 列表渲染,其实给人的感觉就是 JavaScript 中的 for 循环,只不过将其提取到 HTML 模板层面了,将其指令化,本质还是 for 循环。 用 v-for 把一个数组对应为一组元素 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。 同样,我们在 src/views/TemplateM.vue 写下如下代码:
经验分享 程序员 微信小程序 职场和发展