小程序开发(四)

对上一讲做一些补充~

小程序开发(四)

众所周知~每一个页面上方的标题 eg:《商品详情》 肯定都不一样~那这个怎么设置呢~ 在文件夹下建一个index.json文件,现文件夹以及里面内容如下: app.json 里面的内容是全局的~而每个文件夹下的 xx.json 是局部的,局部会覆盖全局的~ 一般文件夹下就这四个文件了~ .wxml 、 .wxss 、 .json、  .js    不会有其他的啦~

小程序开发(四)

下面正式开始今天的内容啦~

(一):小程序跟前端框架vue有些相似之处~语法大致相同~但是vue是 双向数据绑定,而微信小程序是单向数据流~

那下面来个例子:展示一下数据驱动页面

index.js文件:                                   index.wxml:                     页面:

小程序开发(四)    小程序开发(四)小程序开发(四)

这就是数据驱动页面~页面文字并不是写死的~而是js里面传过来的~

(二)数组循环

 <view wx:for = "{{  数组名称 }} ">

    {{ item.属性 }}

 </view>

小程序开发(四)小程序开发(四)