自定义组件定义属性、函数

common定义组件:

Component({
  // 组件属性

  properties: {
    // 这里定义了like属性,属性值可以在组件使用时指定

    like: {
      type: String,

value: 'cc',

}

},

// 组件方法

  methods: {
    // 这里是一个自定义方法

    click(){
      this.triggerEvent("click",{name:this.properties.like,num:1,sex:'男'},null)

}

}

})
自定义组件定义属性、函数

子组件向父组件通信通过属性传值:

自定义组件定义属性、函数

 

 页面:父组件向子组件通信通过事件

<!-- 父组件 -->

<view>

    <!-- 引用自定义属性 -->

    张三<jxbtn like="张三" bind:click="aa"/>

</view>

父组件调用:

自定义组件定义属性、函数

 

 js打印自定义组件定义属性、函数

 

 

上一篇:vue-组件0.1


下一篇:vue学习---组件的嵌套