Vue.js 数组定义及遍历:简单易懂的教程
在 Vue.js 中,你可以使用 data 属性来定义一个数组。例如:
new Vue({
el: '#app',
data: {
fruits: ['apple', 'banana', 'orange']
}
})
在这个例子中,我们定义了一个名为 fruits 的数组,它包含三个元素:'apple'、'banana' 和 'orange'。
你可以使用 v-for 指令在模板中遍历这个数组:
<ul>
<li v-for='fruit in fruits'>{{ fruit }}</li>
</ul>
这段代码将输出一个无序列表,其中每个列表项都显示一个水果的名称。
原文地址: https://www.cveoy.top/t/topic/mlIQ 著作权归作者所有。请勿转载和采集!