在mounted这个钩子函数中获取
dom第一次渲染完毕,此时可以获取dom 原生的方式是document.querySelector()
vue中提供了另一种获取dom的方式 =》 res和$refs
1.在你需要获取的dom元素身上调价一个属性ref 2.在合适的时机(mounted或者之后)通过this.$refs.xxx获取到dom
ref和$refs除了可以获取dom,还可以获取组件实例--使用方式和上面一致
this.$refs.组件名.xxx
获取组件实例后 还可以调用组件中的方法和获取组件中的数据
this.$refs.组件名.xx()
this.$refs.组件名.xxx
如果是希望将来在数据变化以后,获取到新的dom
数据驱动视图 =》 数据变了,视图自动发生变化 数据变了,视图异步更新dom(高效更新)
第一种定时器 setTimeout(() ={})
vue中提供了this.$nextTick(() =>{})