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

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

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

clipboard.png

clipboard.png

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

首先在父组件中

clipboard.png

在子组件中

clipboard.png

最终的效果

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

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

在子组件中

clipboard.png

clipboard.png

最终的渲染结果
clipboard.pngyou

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章