微信小程序在组件中实现watch功能_微信小程序 组件 watch

在Component组件中如何实现侦听属性：
    （1）如何创建组件：components\spinner\新建Component
    （2）在使用组件的页面的json文件中：
         {
            "usingComponents":{
                "组件名":"组件的路径"
                "spinner":"../../components/spinner/spinner"
                }
            }
     （3）小程序的component组件支持observers选项：
          Component({
            properties:{},     	// 设置从父组件传递过来的数据
            data:{},	// 设置组件内部需要用到的数据
            observers:{	// 设置组件的侦听属性
              count(newValue){
                this.setData({
                  total:newValue*this.data.price
                    })
                }
            },
                methods:{}	// 设置组件的方法
            })
     （4）最终组件内部的total变量的结果需要传递给父组件：
          原理：和Vue一致，通过调用父组件的自定义事件来实现。
          父组件绑定自定义事件：<spinner bind:custom="countCustom"></spinner>
          子组件触发父组件的自定义事件：this.triggerEvent("custom",this.data.total);