vue基础知识-指令（v-for)

最新推荐文章于 2023-12-29 08:00:00 发布

脆的娃娃菜好吃

最新推荐文章于 2023-12-29 08:00:00 发布

阅读量206

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/s4459/article/details/103870587

版权

本文介绍了Vue中的v-for指令，用于根据数据生成列表结构，常与数组配合使用。语法为(item, index) in 数据。讨论了在v-for中结合其他指令使用时遇到的问题，如在food元素上添加title属性后，鼠标悬停无法显示title内容的疑难点。" 109900063,10181125,理解机器学习：逻辑回归与决策树解析,"['机器学习', '逻辑回归', '决策树']

摘要由CSDN通过智能技术生成

v-for

根据数据生成列表结构

经常和数组结合使用
语法是（item，index） in 数据

<body>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
    <!-- 两个用来实现加减数据的按钮 -->
    <input type="button" value="加菜" @click="add">
    <input type="button"