初识Vue · 前端学习笔记

# 1.v-for v-for页面效果 ![](https://i.loli.net/2019/03/09/5c832c08d303a.png) ~~~ 引入在线Vue，CDN上 <script src="https://cdn.bootcss.com/vue/2.6.6/vue.js"></script> ~~~ ~~~ <body>  <div id="app"> <div v-for="item of arr">{{item}}</div> </div> <script> new Vue({ el:"#app", data:{ arr:[1,2,3] } }) </script> </body> ~~~