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