vue获取dom节点

< p ref=“text” id=“a”>单元测试< /p>
< span @mouseenter=“but”>点击< /span>
mounted(){//在挂载完成生命周期获取，因为在这个钩子函数之前视图已完成渲染
console.log(this.$ refs.text.id);//通过ref命名 this.$refs.text获取节点属性
},
methods:{
but:function(e){
const d=document.getElementById(“a”);//或者基于事件获取节点
console.log(d);
}
}
//不建议直接操作节点 建议使用ref与 $refs获取属性
2020-1-25更新如下

settimeout 定时器模拟请求 触发set
通知watcher 触发get/读取依赖 改变组件状态 创建节点 渲染组件视图
this. $nexttick 获取最新组件视图