Vue 框架 学习--4、Vue中父子组件相互传值并且通过插值方式输出

前言:Vue项目开发中,最规范的数值传递模式是

父组件向子组件传参------子组件监听处理数据抛出参数-----父组件接收参数并在父组件中通过插值方式显示数据

举个例子,我用户登录时父组件向子组件传递一个例如userId的数据比如说为1,那么子组件接收到后,索取所有userId为1的用户的数据,比如姓名、年龄,然后抛出数据,然后父组件通过插值的方式在父组件的模板上显示(也可以是双向绑定)

我们来看一个我写的实例

父组件:


子组件:


这个父子组件嵌套,实现了插值显示与相互传值

你可能感兴趣的:(Vue 框架 学习--4、Vue中父子组件相互传值并且通过插值方式输出)