Vuejs2 如何初始化组件'；Vue中的根dom元素

在React中，使用arrow函数可以实现这一点

class AppComponent extends Component {

  componentDidMount() {
    this.createAppComponent()
  }

  createAppComponent() {
    const node = this.node

  }
  render() {
    return <div ref={node => this.node = node}></div>
  }
}

类AppComponent扩展组件{
componentDidMount（）{
这是createAppComponent（）
}
createAppComponent（）{
const node=this.node
}
render（）{
返回this.node=node}>
}
}

如何在Vue组件中初始化相同的

节点

属性？

在Vue中，使用

ref

的

$el

来获取底层DOM元素

<my-widget ref='theWidget' />

其他评论 如果在循环中定义

ref

，“小部件”将是一个数组

---

如果“组件”只是一个HTML元素（例如

div

或

input

）

$el

将不被定义，因为“小部件”将是组件引用

嗨，史蒂文。我有

这个.$refs.theWidget.$el=undefined

。从另一方面来说，如果我插入同一组件的两个实例

这个。$refs。小部件将返回最新的引用。这就是Vue的
ref
的问题所在。它的工作原理类似于hashmap。不能在一个键下存储两个实例。请记住：如果在循环中定义ref，则小部件将是一个数组。此外，如果'component'只是一个HTML元素（例如div或input）$el将是未定义的，因为'theWidget'将是组件引用。设置断点并查看“this.$refs”或console.log。这是了解“引擎盖下”发生了什么的最佳方式。我也会将这些想法添加到解决方案中。
mounted() {
   const theElement = this.$refs.theWidget.$el
}