v-for的指令

最新推荐文章于 2023-07-27 11:30:18 发布

xiaocmianju

最新推荐文章于 2023-07-27 11:30:18 发布

阅读量68

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/xiaocmianju/article/details/124863857

版权

Vue v-for 动态渲染数组遍历数据绑定

关键词由CSDN通过智能技术生成

代码如下

<body>
		<!-- v-for  for in-->
		<div id="app">
              <ul>
              	<!-- <li v-for="item in county">{{item}}</li> -->
				<li v-for="item of county">{{item}}</li>
              </ul>
		</div>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
		<script>
			const app = new Vue({
				el: "#app",
				data() {
					return{
						county:['中国','美国','德国','日本']
					}
				},
			})
		</script>
	</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xiaocmianju

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
v-for的指令

代码如下<body>  <div id="app"> <ul>  <li v-for="item of county">{{item}}</li> <
复制链接

扫一扫