vue 有没有类似react的this.props.children的方法，获取组件子元素？

Question

自己写了个组件:<len-carousel>使用的时候：   <len-carousel>      <div v-for="(item,index) in 4" :key="index">        {{item}}      </div>         </len-carousel>怎样在组件里面获取到组件的子元素？

Answer 1

this.props.children在vue里对应的应该是默认插槽吧 this.$slots.default

Answer 2

尽管存在 prop 和事件，有的时候你仍可能需要在 JavaScript 里直接访问一个子组件。为了达到这个目的，你可以通过 ref 特性为这个子组件赋予一个 ID 引用。
<base-input ref="usernameInput"></base-input>
现在在你已经定义了这个 ref 的组件里，你可以使用：

this.$refs.usernameInput