Vue 父子组件之间的数据通信--props,$emit

首先是父组件里面的数据传递到子组件
这里用props,props有支撑物的意思,可以理解为桥梁。props要写在自组件里面。

先定义一个子组件,在组件中注册props






在父组件中,引入子组件,并传入子组件内需要的值


 


注:这种方式只能由父向子传递,子组件不能更新父组件内的data

接下来是子组件的数据传递到父组件
这里用到了$emit ,emit有发射发出的意思,这就不难理解了

tips: App.vue 父组件 / Hello.vue 子组件

父组件里面的内容



子组件里面的内容


 

$emit通过调用父的方法的方式完成了子向父的数据传递

你可能感兴趣的:(javascript,vue.js,父子组件-动态渲染)