使用 vue 就会用到组件,那么对于公用的组件,就会牵涉到组件之间传值的问题。
首先新建两个文件,一个 child 页面做为子组件,一个 index 页面做为父组件
- 当新建完成之后,我们从 父组件传递值到子组件 开始
首先在父组件中
在子组件中
最终的效果
emmm, 这只是个梨子,没有任何实际作用。。。。。
2 . 接下来就是 子组件向父组件传值
在子组件中
最终的渲染结果
you
写在尾巴上,看到代码中 $emit 与 $on 会经常出现,那么为啥子嘛。
使用他们两个之前,首先你要在 main.js 的文件中重新声明一个 vue