微信小程序之组件

一.创建并使用组件的步骤

1.创建一个文件夹存放组件，并在里面创建一个组件文件夹，components，tabs

2.在tabs文件里添加组件模板

3.引用组件，在父组件的json文件中的usingComponents中添加子组件路径，compont

4.使用组件，相当于正常标签进行使用

二.父组件向子组件传参的步骤

父组件给子组件的tabs传入对象

1.父组件的数据

2.子组件做的 *** 作

如果没有传入数据，就会输出默认值value

3.子组件展示对象数据：

三.子组件向父组件传参的步骤

1.先给子组件添加一个点击事件

2.通过this.triggerEvent("自定义事件名称",{传的值})命令保证子组件和父组件同步被修改

3.父组件绑定子组件，定义一个事件名称，用来接收子组件传递的数据

创建一个按钮，点击这个按钮，改变视图层上面的数据

示例：

新建一个微信小程序的Hello World项目，找到index.wxml文件

index.wxml:

使用一个<button>元素，使用bindtap事件作为点击事件

index.js：

在Page({})内，定义一Page个函数changeMotto，函数内部中使用关键字this，this代表对象，

调用setData()函数，里面传入一个Object对象作为参数，把motto的这个字符串变量，重新赋值为“你好 世界”

1、请求获取的数据赋值给页面data中；

2、页面 wx:for循环输出 并每个item中添加bindtap点击事件 clickid(item.id)

3、js中clickid点击事件中 就拿到id了

clickid(id){

console.log(id)

}

---