首页 > TAG信息列表 > cMessage
Vuejs学习笔记(二)-6.数据的访问规则，上下级访问（父子访问）
前面阐述了平级访问，即父组件的view层访问父组件的data层，直接通过插值显示即可简单访问。但是实际开发的场景如下： 1.结构：开发场景中一个主页面是一个父组件，内部很很多子组件，子组件内部又有子组件2.网络请求：一个页面的数据一般是由父组件请求网络数据后，再向下传递给子组件3.父子组件组件通信
1、父组件向子组件传递数据 在组件中，使用选项props来声明需要从父级接收到的数据。 props的值有两种方式： 方式一：字符串数组，数组中的字符串就是传递时的名称。 方式二：对象，对象可以设置传递时的类型，也可以设置默认值等。 1、 props传字符串数组 props: ['cmovies', 'cmessage'Vue父子组件之间的传递
一、父组件向子组件进行传递 1、先形成父子组件关系 2、在子组件props定义两个变量cmessage和cbooks （props是数组类型） 3、使用组件 用v-bind绑定两个变量cmessage和cbooks，值为message和books 完整代码如下： 下边是增加了一些修饰代码： 二、子组件向父组件进行传递 1、先形成父父子组件间的通讯
因为vue进行组件开发时候，允许组件进行嵌套，因此父子组件需要进行通讯来获取父组件或子组件中的数据。父传子父组件给子组件传数据通过在子组件的标签上绑定属性，将数据绑定给某个属性子组件要获取父组件传过来的信息，必须在内部定义props属性子组件标签上：:c-message="message"子组件