小程序页面与组件传递数据

通过properties（类似vue父组件向子组件）

组件

js代码

properties: {
    name:{
      type:String,
      value: '',
      observer:function(newv,oldv,path){
        console.log(newv,oldv,path)
        // 输出malinshu xiaoxiao["name"]
        this.setData({
          hello:newv
        })
      }
    }
  },

wxml页面代码：
{{hello}}

page页面

js代码

 btntap(){
  this.setData({
    pageName:'malinshu'
  })
},

通过事件触发（类似vue子组件向父组件）

组件

js代码：

onTap: function () {
    var myEventDetail = {name:'xiao'} // detail对象，提供给事件监听函数
    var myEventOption = { sex:'shu'} // 触发事件的选项
    this.triggerEvent('myevent', myEventDetail, myEventOption)
  }

wxml代码：

<button bind:tap="onTap></button>

页面

js代码：

onMyEvent(e){
    console.log(e)
  },

wxml代码：