当前阅读教程:Uni-app入门到精通教程 > 5.1.8 JSON对象的定义和使用 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 5.1.7 三元运算 | 下一篇: 5.1.9 数组的定义和for语句的使用 |
5.1.8 JSON对象的定义和使用我们前面JSON数据章节详细讲解了JSON数据格式的语法,我们这一小节在uni-app的vue页面中来实际使用下。 我们在下面的实例中,先定义了一个对象laoshi(老师),包含了老师的xingming(姓名)、quyu(区域)、dizhi(地址);然后显示在页面,完整代码如下: <template> <view> <view>姓名:{{laoshi.xingming}}</view> <view>区域:{{laoshi.quyu}}</view> <view>地址:{{laoshi.dizhi}}</view> </view> </template>
<script> export default { data() { return { laoshi:{ xingming:"黄菊华", quyu:"浙江杭州余杭区", dizhi:"东港路11号" } } }, methods: {
} } </script>
<style> view{ padding: 5px; } </style> 运行效果如图: 【uniapp参考资料】 (1)uni-app跨平台开发 入门到实战 https://ke.qq.com/course/package/26512 (2)uni-app 完整商城界面设计实战 https://ke.qq.com/course/2381059 (3)基于vue的uniapp商城完整项目源代码 https://ke.qq.com/course/3064977 (4)毕业设计网 (5)小程序编程网 (6)计算机编程网 |
|
上一篇: 5.1.7 三元运算 | 下一篇: 5.1.9 数组的定义和for语句的使用 |