在vue中一般很少直接操作dom，如果需要操作dom，我們可以通過ref 和$ref來實現。
ref 被用來給元素或子元件註冊引用資訊， 引用資訊將會註冊在父元件的 $refs 物件上，如果是在普通的 dom元素上使用，引用指向的就是 dom 元素，如果是在子元件上，引用就指向元件的例項。
當在子元件或者dom元素上寫 ref="***" 時，vm 例項上就有了乙個 $refs 屬性，包含了所有註冊過 ref 的 dom物件
$refs 是乙個物件，持有已註冊過 ref 的所有的子元件。
因此可以通過 this.$refs.***.屬性名（style,attr...）從而達到在vue中操作dom元素的目的了
舉例驗證：
這是name2節點元素
mounted() ,2.ref屬性相當於給標籤設定了乙個id，可以使用該特殊標識來進行一些dom的操作，但是使用的時候有如下幾個注意事項：
$refs
)
} )}
}
Vue中ref和 refs學習筆記
js中需要通過document.queryselector demo 來獲取dom節點，然後再獲取這個節點的值。在vue中，我們不用獲取dom節點，元素繫結ref之後，直接通過this.refs即可呼叫，這樣可以減少獲取dom節點的消耗。ref介紹 ref被用來給元素或者子元件註冊引用資訊。引用資訊...
vue之 ref 和 refs的使用
在vue中一般很少直接操作dom，如果需要操作dom，我們可以通過ref 和 ref來實現。ref 被用來給元素或子元件註冊引用資訊，引用資訊將會註冊在父元件的 refs 物件上，如果是在普通的dom元素上使用，引用指向的就是 dom 元素，如果是在子元件上，引用就指向元件的例項。當在子元件或者do...
Vue中ref和 refs的介紹及使用
在j ascript中需要通過document.queryselector demo 來獲取dom節點，然後再獲取這個節點的值。在vue中，我們不用獲取dom節點，元素繫結ref之後，直接通過this.refs即可呼叫，這樣可以減少獲取dom節點的消耗。ref介紹 ref被用來給元素或子元件註冊引用...