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

React有一些类似于

this.props.children

：

---

Vue.js是否也有一些类似的组件来访问子元素？

Vue.js有

这个。$children

，它还提供了一系列子组件

---

如果要引用特定组件，可能需要在需求中使用和

此。$refs

：

当您处于父组件级别时，使用插槽是将自定义组件传递到子组件的正确方法

但是为什么它不起作用呢？因为在Vue 1.0中，它使用浏览器来解析模板，而不是虚拟DOM。浏览器解析有一个问题：一些HTML元素对哪些元素可以出现在它们内部有限制

请参见Vue1.0文档：

你碰巧犯了那个错误

这是Vue1.0中的一个限制，必须编写一些指令才能执行

但在Vue 2.0中，情况发生了变化，模板解析变成了一个虚拟dom实现。您可以将任何DOM元素传递到插槽中

我在Vue 2.0的最后一条评论中尝试了你的链接，它很有效

---

只需将外部资源更改为

就可以了，在Vue中相当于

this.props.children

的是

示例

<template>
  <div>
    <slot />
  </div>
</template>

---

请看

我用一个例子创建了这个小提琴-你能找到什么问题吗：我没有在中渲染，哦，看到你想做什么，我意识到你实际上想要其他东西-插槽：很奇怪。。插槽可以和一些文本组件一起使用，但不能和select:awesome一起使用——vuejs做出了切换到这个虚拟dom引擎的好决定。。。