父子组件间通信
- 通过props向子组件传递数据
通过事件向父组件发送消息
props基本用法:在组件中,使用选项props来声明需要从父级接收到的数据
props的值有两种方式:
- 字符串数组,数组中的字符串就是传递时的名称
- 对象,对象可以设置传递时的类型,也可以设置默认值等
用一种方式接受数据:
建两个页面,app.vue作为父页面,child.vue作为子页面,
v-on绑定的属性名称childmovies与data中定义的movies名称可以不一样,也可以定义成一样的,属性childmovies通过v-bind绑定,也是子组件中通过props接收的名字,而movies是要传递给子组件。如果不用v-bind绑定childmovies。直接定义childmovies = movies那么就相当于把‘movies’传递给下一层。
演示效果图: