Vue循环语句
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>循環語句</title><script src="js/vue.js"></script></head><body><!-- 循環使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊語法， sites 是源數據數組并且 site 是數組元素迭代的別名。v-for 可以綁定數據到數組來渲染一個列表： --><div id="app"><ul><template v-for="site in sites"><li>{{site.name}}</li><li>------</li></template></ul><!-- 迭代對象 --><br /><ul><!-- <li v-for="value in object">{{ value }}</li> --><!-- <li v-for="(value,key) in object">{{key}}:{{value}}</li> --><li v-for="(value,key,index) in object">{{index}}.{{key}}:{{value}}</li><li v-for="n in 10">{{n}}</li></ul></div><script>new Vue({el: '#app',data: {sites: [{name: 'ss'}, {name: 'ww'}, {name: 'qq'}],object: {name: '菜鳥教程',url: 'http://www.runoob.com',slogan: '學的不僅是技術，更是夢想！'}}})</script></body>
</html>
總結
