[TOC] ### 1. vue实现for循环渲染数据： ~~~ <li v-for="item in list"> 说明：for循环的格式为：①在元素的标签中②格式 v-for="item in list"（list中的每一项） ~~~ ### 2. 动态添加 img的src ~~~ <img v-bind:src="item.image" alt=""> ~~~ ### 3. 标签中{{}}获取 vue data中的数据 ~~~ <p>{{ item.title }}</p> ~~~ ### 4. 使用for earch方法遍历，在接口上取数据 装在一个新建的数组中 ~~~ arr.forEach((v,k)=>{ // console.log(v); //v为每一项的值 console.log(k); //k为下标 }) ~~~ ### 5. 取到的数据使用复制数组的方式将新建的数组push到vue中的data中 ~~~ let temp = {}; temp.title = title; temp.image = image; self.list.push(temp); (从后往前看 ) ~~~ ~~~