<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>v-for</title>
</head>
<body>
<div id="app">
<ul>
<li v-for="x in [1,3,5,7]">{{x}}</li>
</ul>
<ul>
<li v-for="y in shuzu">{{y}}</li>
</ul>
</div>
<script src="../js/vue.js"></script>
<script>
let vm = new Vue({
el:'#app',
data:{
shuzu:["香蕉","苹果","西瓜","葡萄","红枣","柿子"]
}
});
</script>
</body>
</html>
vue-入门实例4-3-2.html
原创
©著作权归作者所有:来自51CTO博客作者虾米大王的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:vue-入门实例4-1.html

提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue-入门实例3-4-2.html
【代码】vue-入门实例3-4-2.html。
javascript vue.js 前端 html Vue -
vue-入门实例2-4.html
【代码】vue-入门实例2-4.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-2.html
【代码】vue-入门实例4-2.html。
javascript vue.js 前端 html Vue -
vue-入门实例3-4-3.html
【代码】vue-入门实例3-4-3.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-3-3.html
【代码】vue-入门实例4-3-3.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-2-2.html
【代码】vue-入门实例4-2-2.html。
javascript vue.js 前端 html Vue -
vue-入门实例3-2.html
【代码】vue-入门实例3-2.html。
javascript vue.js 前端 html 字符串 -
vue-入门实例1-4-3.html
【代码】vue-入门实例1-4-3.html。
javascript 前端 vue.js html Vue -
vue-入门实例4-3-5.html
【代码】vue-入门实例4-3-5.html。
javascript vue.js 前端 html 迭代 -
vue-入门实例3-4-1.html
【代码】vue-入门实例3-4-1.html。
javascript vue.js 前端 html 修饰符 -
vue-入门实例4-1-3.html
【代码】vue-入门实例4-1-3.html。
javascript vue.js 前端 html Vue -
vue-入门实例3-1-4.html
【代码】vue-入门实例3-1-4.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-3-9.html
【代码】vue-入门实例4-3-9.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-3-8.html
【代码】vue-入门实例4-3-8.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-3-6.html
【代码】vue-入门实例4-3-6.html。
javascript vue.js 前端 html 迭代 -
vue-入门实例4-3-7.html
【代码】vue-入门实例4-3-7.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-3-11.html
【代码】vue-入门实例4-3-11.html。
vue.js javascript 前端 html 嵌套