重新認識vue之 ref

supernavy 發布于2019-08-23 11:35 / 2224人閱讀

摘要：引用信息將會注冊在父組件的對象上。此時對的認識在于，元素屬性寫了，則可以通過訪問到該元素。其實用在不同位置，訪問到的東西是不一樣的。也就是說如果用在子組件上，我們還可以通過調用子組件方法。比如前提是這個組件有這個方法。

ref

ref 被用來給元素或子組件注冊引用信息。引用信息將會注冊在父組件的 $refs 對象上。此時對 ref 的認識在于，元素屬性寫了 refs，則可以通過 this.$refs 訪問到該元素。其實ref 用在不同位置，訪問到的東西是不一樣的。

ref 在子組件上

如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件實例。
也就是說如果ref 用在子組件上，我們還可以通過 this.$refs.xxx 調用子組件方法。比如 this.$refs.pointdDetailChart(param) ,前提是這個組件有這個方法。

ref 注冊時間

因為 ref 本身是作為渲染結果被創建的，在初始渲染的時候你不能訪問它們 - 它們還不存在！$refs 也不是響應式的，因此你不應該試圖用它在模板中做數據綁定。

GPU云服務器云服務器 ref Refs ref_time 認識

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97180.html

Reactjs vs. Vuejs

摘要：上圖是二月份前端框架排名，位居第一，排名第三。我們認為前端模板和組件代碼是緊密相連的。直到最近看了文檔，才發現另有蹊蹺。歡迎大家關注騰訊云技術社區-segmentfault官方主頁，我們將持續在博客園為大家推薦技術精品文章哦~ 紀俊，從事Web前端開發工作，2016年加入騰訊OMG廣告平臺產品部，喜歡研究前端技術框架。這里要討論的話題，不是前端框架哪家強，因為在 Vue 官網就已經...

AaronYuan 2019-08-20 16:24 評論0 收藏0
重新認識vue之事件阻止冒泡

摘要：通用解決辦法事件冒泡了嘛，那就阻止事件冒泡唄。很完美有沒有，這就不用在事件響應邏輯中去處理事件細節了。冒泡的表現近期用vue做了一個需求，大概是同一個區域，點擊不同位置有不同的響應函數，還有個總的響應函數，好吧，如下圖所示: showImg(https://segmentfault.com/img/remote/1460000015852878?w=1962&h=392); 他們的...

marek 2019-08-23 10:37 評論0 收藏0
Vue全棧開發之百度貼吧

這個百度貼吧的項目是 vue + koa + sequelize 的項目。由于沒有百度貼吧API接口，所以自己寫了后端項目部分截圖（GIF） showImg(https://user-gold-cdn.xitu.io/2019/7/13/16bea513a0805b84?w=480&h=1040&f=gif&s=4456077);showImg(https://user-gold-cdn.xi...

stefanieliang 2019-08-23 18:39 評論0 收藏0
vue的diff算法學習

摘要：源碼地址虛擬算法首先要明確一個概念就是的對象是虛擬，更新真實則是算法的結果基類。。。源碼地址虛擬dom diff算法首先要明確一個概念就是diff的對象是虛擬dom，更新真實dom則是diff算法的結果 Vnode基類 constructor ( 。。。 ) { this.tag = tag this.data = data this.chil...

MartinHan 2019-08-22 15:51 評論0 收藏0