关于vue.js:vue父子组件之间通信

子组件调用父组件办法

<!--父组件-->
<!--留神命名时不要用驼峰命名，否则不失效-->
<search @search-data='searchData'></search>

//子组件
this.$emit('search-data',6666)

办法1

• 通过ref

<!--父组件-->
<!--在引入的子组件上标注 ref -->
<jPicker ref="jpicker" />

//父组件
//父组件间接调用ref命名加上子组件的办法 changenSel
this.$refs.jpicker.changenSel(-1);

办法2

• 通过$emit、$on配合应用

<!--父组件-->
<Button @click="handleClick">点击调用子组件办法</Button>
<jPicker  ref="jpicker" />

//父组件
  handleClick() {
               this.$refs.child.$emit("childMethod")    //子组件$on中的名字
        },

//子组件
  mounted() {
        this.$nextTick(function() {
            this.$on('childMethod', ()=>{
                console.log('我是子组件办法');
            });
        });
     },