16:selectComponent 修改组件内获取的对象或方法的内容

在component中创建pages/component/getobjfromcomponent/getobjfromcomponent

getobjfromcomponent.js：
incrementfromcomponent这个名字随便定只要test.js中调用名一致就行

Component({
  data:{
    counter:0
  },
//组件的方法列表
  methods:{
    incrementfromcomponent(num){
      this.setData({
        counter:this.data.counter+num
      })
    }
  }
})

getobjfromcomponent.json：

{
  "component":true,
  "usingComponents": {}
}

getobjfromcomponent.wxml：

<!--pages/component/getobjfromcomponent/getobjfromcomponent.wxml-->
<view>组件内的计数：{{counter}}</view>

test.js：
selectfromcomponent和test.json 中selectfromcomponent必须是一致的

//从组件内获取对象随后在修改对象内容/调用方法
  handleIncrementfromcomponent:function(event){
     //1获取组件对象
     const my_sel = this.selectComponent(".selectfromcomponent");
     //2然后通过setData修改数据(不合理)应该是用下面调用方法的
    //  my_sel.setData({
    //    counter:my_sel.data.counter+10
    //  })

    //2通过调用方法(合理) getobjfromcomponent.js中写个mehtods
    my_sel.incrementfromcomponent(20);
  },

test.json:

"usingComponents": {
selobjfromcomponent":"/pages/component/getobjfromcomponent/getobjfromcomponent"
  },

test.wxml:

<!--从组件内获取对象随后在修改对象内容/调用方法-->
<get-selobjfromcomponent class="selectfromcomponent"></get-selobjfromcomponent>
<button size="mini" bindtap="handleIncrementfromcomponent">点击修改组件内的数据</button>

效果：