[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); (從后往前看 ) ~~~ ~~~