小程序打印data数据到页面

1、新建一个project小程序项目。

2、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在index.wxml页面。

3、在index模块中index.js页面，在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址。data为传输的参数，这里设置为空。method为传递参数的方式，header用碰烂于设置请求的数据类型，success是成功获得数据后的 *** 作。

4、在index.wxml页面，使用for循环遍历输出index.js传递过来的数据data，通过item将data数据输出在页面。

5、在服务端新建一个api.php页面来接收微信小程序的数据请求。

6、最后编译微信小程序，查看从数据表type获得数笑哪漏据内容，成功从数据库读取数据并输缓键出在页面上

子组件：tabs1

父组件：demo04

先将子组件和父组件直接产生特定的联系，需要在demo04.json里面以键值对的方式添加。

添加完毕后在父组件中就可以使用标签，就可以渲染出子组件内容。因为tabs1多次复用，所以数据不能在tabs1.js中写死。一般都是由父组件中data数据传到子组件。

1.先在父组件data中添加list数据，

data: {

list:[{

id:“2”,

name:“梦灵”

},{

id:“1”,

name:“浅夏逗高”

}]

},

2.利用属性绑定的方式传输。

3.在子山陵尺汪茄组件properties接收数据

aaa:{

type:Array,

// 数据类型

value:[]

// 数据值

}

4.在子组件中将数据渲染到页面

{{item.id}} {{item.name}}

附上流程图

---