微信小程序之组件

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

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

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

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

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

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

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

1.父组件的数据

2.子组件做的 *** 作

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

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

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

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

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

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

子组件中调用父组件的山态方法，通常的两个参雹唯乱数源档

var myEventDetail = {} // detail对象，提供给事件监听函数

var myEventOption = {} // 触发事件的选项

this.triggerEvent('myevent', myEventDetail, myEventOption)

小程序js中引入组件如一下带铅信步骤：

1、准备好外部想要引入的外部文件，命名为util.js，并且填充固定的文件内容（一般是固定的库）。

2、打开util.js，继续填写重要内容将要使用的方法用module.exports给暴露出来。

3、将外部激首js放在指定的文件夹utils里（utils规定存放js库和数字格式化文件）。

4、在想要用到这个方法的蠢轮js里面require这个js，然后调用即可。

---