在vue中一般很少直接操作DOM,如果需要操作DOM,我們可以通過ref 和$ref來實現。
1 ref
ref 被用來給元素或子組件注冊引用信息, 引用信息將會注冊在父組件的 $refs 對象上,如果是在普通的DOM元素上使用,引用指向的就是 DOM 元素,如果是在子組件上,引用就指向組件的實例。
當在子組件或者DOM元素上寫ref="xxx"時,vm實例上就有了一個$refs屬性,包含了所有注冊過ref的DOM對象
2 $refs
$refs 是一個對象,持有已注冊過 ref 的所有的子組件。
因此可以通過this.$refs.xxx.屬性名(style,attr...)從而達到在vue中操作DOM元素的目的了