父与子的交互问题,这里我用的是老师与学生。
老师(父组件)传学生(子组件)
1.先建立一个子组件。
2.给子组件定义一个值。
3.声明定义的这个值。
这里注意props与data同级
效果如图:
学生(子组件)传老师(父组件)
1.同样建立一个子组件。
2.写一个可以让他们两个组件通信的按钮,并且声明。
3.设置一个input的输入框,并且做一个双向绑定,并声明这个属性,这里注意声明在data内。
4.之后在建一个父组件。
5.引入这个子组件。
6.注意这两处一致。
7.将子组件引入。
8.将子组件的值赋给父组件。
效果图如下:完成学生传老师。
同时老师也可以传学生。
就这样完成了双向传递。