【vue】生命周期面试题2


关于Vue组件的生命周期说法错误的是:

A mounted钩子函数中,可以直接获取dom元素

B beforeMount钩子函数中,不可以直接获取dom元素

C beforeDestory钩子函数中,不可以直接获取dom元素

D destoryed钩子函数中,不可以直接获取dom元素

直接上一个例子:

点击按钮切换组件,这样就能看到destory钩子函数调用情况啦。

获取dom元素的方式采用:在标签上设置ref属性,使用this.$refs.xxx就可以获取啦。

结果:

可以看到,到mounted钩子函数这里,el挂载上了,视图也渲染完毕了,能获取dom元素了。destoryed钩子函数这里已经销毁组件了,所以dom元素无法获取。