微信小程序精通到入门---02数据渲染和事件和url传参

微信小程序精通到入门---02数据渲染和事件和url传参

一、数据渲染 ( 模板语法)

从第一篇，我们初步认识了小程序的组织结构，下面再深入了解下小程序的渲染，什么是数据渲染，先要知道，小程序中js文件是负责逻辑处理，wcss和wxml负责视图的渲染工作，在wxml中数据通过{ {}}等方式渲染到页面中，而数据变化后的渲染是通过setData()，才可以改变页面，这个就是数据渲染的过程。

1、数据渲染语法

首先：我们新建一个temp的page页面，先建立文件夹temp，再右击-新建page，名称也是temp。(新建的page会自动注册到app.json中)

我们在data中设置下面一些属性值

  data: {
    hello:'hello word',
    arr:[
      {id:1,name:'name1'},
      {id:2,name:'name2'}
    ],
    is_show:2
  },

然后在页面wxml中显示这些值

<!--pages/temp/te