功能:在文本框显示的瞬间,让它自动获取焦点1.在输入框(namedwithRefas)中写入ref="iptRef"后缀,识别为引用)首先获取DOM元素2.在methods中调用focus()方法,如下图:3.这时候会发现报错,这是为什么呢?Cannotreadproperty'focus'ofundefined意思是:Cannotreadproperty'focus'ofundefined读取“focus”方法前未定义的内容(经验证明:正确理解)。错误原因:原因在于“this.inputVisible=true”。此时虽然数据发生了变化,但是文本框还没有渲染显示在页面上,所以无法获取到它的引用ref,调用focus()方法会报错undefined;解决问题:Vue提供了一个方法this.$nextTick(callbackfunction)$nextTick(cd)方法,组件会将cd回调推迟到下一个DOM更新周期。通俗的理解是:组件DOM更新完成后,执行cd回调函数,保证cd回调函数能够操作到最新的DOM元素。注意:如果在生命周期函数中使用Updated()函数,会报错,因为Updated函数会在数据变化时重新渲染组件的DOM结构(生命周期函数和方法是并列关系)
