使用props / $emit实现Vue组件间通信

Vue组件间通信可分为:

• 父子组件之间通信
• 非父子组件之间通信(兄弟组件、隔代关系组件等)

父组件通过props的方式向子组件传递数据，而 子组件可以通过$emit向父组件通信 

1.父组件向子组件传值

//App.vue父组件

//Student子组件

注意:props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，需复制props的内容到data中一份，然后去修改data中的数据

2.子组件向父组件传值

//App.vue父组件

//Student.vue子组件