反应this.props.children在vue.js组件

Question

阵营有类似this.props.children：https://facebook.github.io/react/tips/children-props-type.html

确实Vue.js也有一些类似的访问子元素？

Answer 1

在你要求：

使用插槽是将自定义组件传递到子组件中的正确方法，当您在父组件级别中进行操作时。

但为什么它没有工作？因为在Vue 1.0中，它使用浏览器来解析模板，而不是虚拟DOM。 Borwser解析有一个问题：某些HTML元素对其中可能出现的元素有限制。

看到Vue1.0文档：vue1.0 - components - template parsing

和你碰巧犯类似的错误。

这是Vue1.0中的一个限制，你必须编写一些指令来完成它们。

但是在Vue 2.0中，事情发生了变化，模板解析变成了虚拟实现。你可以将任何dom元素放入槽中。

我在Vue2.0的最新评论中试用了你的链接，它工作。

的外部资源就变成https://unpkg.com/vue@2.0.1/dist/vue.js

Answer 2

Vue.js具有this.$children，这也给您的孩子组件阵列

http://vuejs.org/api/#vm-children

如果您想引用特定组件，您可能需要使用v-ref和this.$refs