Question

vue组件 子组件没有事件怎么 向父组件传递数据

Answer 1

一、首先，值肯定是定义在父组件中的，供所有子组件共享。所以要在父组件的data中定义值：

二、其次，父组件要和子组件有契合点：就是在父组件中调用、注册、引用子组件：

调用：

注册：

引用：

三、接下来，就可以在父组件和子组件链接的地方（即引用子组件的标签上），把父组件的值绑定给子组件：

这里我绑定了两个值，一个是数组，一个是字符串。

2018-03-30  10:15:55 特别补充：

我在写完文章后很长一段时间没再接触vue，再上手开始写demo的时候，出现了不少不怎么被注意的小问题，其中一点和这里有关，进行补充，特别注意：

总的来说父传子就是这三个步骤：父组件中定义值、调用子组件并引用、在引用的标签上给子组件传值。

但是注意是要用 v-bind: 绑定要传的值，不用v-bind直接把值放到标签上，会被当成html的节点属性解析的。

四、最后，子组件内部肯定要去接受父组件传过来的值：props（小道具）来接收：

五、这样，子组件内部就可以直接使用父组件的值了。