Vue之ref與refs的使用

昔有木如蓋發表於2017-10-20
Vue

官方解釋是：ref被用來給元素或子元件註冊引用資訊。引用資訊將會註冊在父元件的 $refs 物件上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子元件上，引用就指向元件例項：
如template裡使用購物車元件

 <shopcart  ref="shopcart" ></shopcart>

methods裡就能使用refs來指向購物車元件的例項，比如定義在購物車元件裡的drop（）方法就能被呼叫：

this.$refs.shopcart.drop(target);

相關文章