Vue父子组件通信子组件传值父组件： $emit父组件传值子组件： props
子程序集传值父程序集： $emit
3358 www.Sina.com/: VM.$ emit (event name，[…args] ) ) ) ) ) ) ) ) ) ) ) ) ) )。
原型
{string} eventName
[…args]
参数：
实例：
//子组件templatedivpstyle=' color : red； 字体大小： 30px；' 下一个是子组件/p！ 单击-按钮调用SonMethods方法--button @click='SonMethods '，单击一次调用父组件/button/div/template scrive 由于已将子组件发布到exportdefault{methods3333}，因此请将I am a son-component作为父组件this.$emit(fsonmethod )、I am a son-component }}}/scriptstyle/style //父组件template div id='app '！ -子组件按钮-单击-SonMethods-FSonMethod以获取子数据-data输出参数--son @ fsonmethod=' data '/son/div/template script 导入子组件的源import Sood son.vue ' export default { name : ' app }，//子组件components:{son}， methods 3360 { data : function (data ) }/}//script style # app { font-family : ' avenir '，Helvetica，Arial，sanal (}/style
如果返回多个参数(子部件methods: ) sonmethods () this.$ emit (fsonmethod )，) I am a first-son-component，) iama seset 在父组件data:function(datafist，dateSecond ) /控制台中打印子组件的数据console.log； console.log(datesecond ) }
触发当前实例上的事件。附加参数都会传给监听器回调。
注意事项：指当前组件，即son
1.this：组件只能有一个根目录。 例如，一个div包含内容，不能将两个div并排
父组件传值子组件： props 2.根目录：props
原型：Array | Object
类型：
props可以是接收来自父组件的数据的数组或对象。 props可以是简单的数组，也可以使用可以设置高级选项(如类型检测、自定义身份验证和设置默认值)的对象作为替代。
父组件template divid=' app ' son prop=' father-to-son '/son/div/template script//导入子组件资源import son from son.vue ' export default { name : ' app }， //子部件components 3360 { son }/script style # app { font-family 3360 ' avv } }/style子部件templatedivh这是一个子部件，它是父部件