Vue移動端框架Mint UI教程-數據渲染到頁面（六）

1：接上一節，打開my.vue界面，編寫代碼

 

 

拿到res.data以後，要賦值給page實例裏面的data
因此在data裏面設置一個默認的空數組

 

 

2：響應正確的時候回調，把數據存放到data中

 

 

3：數據渲染

 

 

json數據

 

 

4：在頁面顯示以下

 

 

Mint UI教程彙總：

Vue移動端框架Mint UI教程-搭建環境引入框架（一）
https://www.jianshu.com/p/874e5152b3c5
Vue移動端框架Mint UI教程-底部導航欄（二）
https://www.jianshu.com/p/56e887cbb660
Vue移動端框架Mint UI教程-組件的使用（三）
https://www.jianshu.com/p/5ec1e2d2f652
Vue移動端框架Mint UI教程-跳轉新頁面(四)
https://www.jianshu.com/p/364d0462ddb6
Vue移動端框架Mint UI教程-調用模擬json數據(五)
https://www.jianshu.com/p/6d3f1436b327
Vue移動端框架Mint UI教程-數據渲染到頁面（六）
https://www.jianshu.com/p/dc532ab82d2a
Vue移動端框架Mint UI教程-接口跨域問題（七）
https://www.jianshu.com/p/b28cd8290b2a

---

原文做者：祈澈姑娘
90後前端妹子，愛編程，愛運營，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚。
堅持總結工做中遇到的技術問題，堅持記錄工做中所所思所見，對於博客上面有不會的問題，歡迎加入編程微刊qq羣：260352626