vue组件传参，调用方法的几种方式

1：vue 父组件向子组件传值——props方法

重点：

父：  

子： props: {   dataList: {type: [Object] }   }

//父组件 App.vue





// 子组件 appSon

 

2：父组件调用子组件方法——$refs

重点：

父：

父组件调用子组件方法

           

         this.$refs.text.sayHello('说你好');   //say方法中的

子： sayHello(data){ alert(data); }           //由html中的ref，和js中的$refs控制。

//父组件 App.vue





// 子组件 appSon

 

3.子组件调用父组件方法并且传参——$emit

子：   this.$emit('notice',{name:'回来吃饭',data:'买饮料'});  //子组件被点击时调用，

父：                      //父组件得到notice后，触发handle()事件。

//父组件 App.vue





// 子组件 appSon