乐趣区

重新初探vue三父子组件的传值

使用 vue 就会用到组件,那么对于公用的组件,就会牵涉到组件之间传值的问题。

首先新建两个文件,一个 child 页面做为子组件,一个 index 页面做为父组件

  1. 当新建完成之后,我们从 父组件传递值到子组件 开始

首先在父组件中

在子组件中

最终的效果


emmm, 这只是个梨子,没有任何实际作用。。。。。

2 . 接下来就是 子组件向父组件传值

 在子组件中

最终的渲染结果
you

写在尾巴上,看到代码中 $emit 与 $on 会经常出现,那么为啥子嘛。
使用他们两个之前,首先你要在 main.js 的文件中重新声明一个 vue

退出移动版