資訊專欄INFORMATION COLUMN
摘要：引用信息將會(huì)注冊(cè)在父組件的對(duì)象上。此時(shí)對(duì)的認(rèn)識(shí)在于，元素屬性寫了，則可以通過訪問到該元素。其實(shí)用在不同位置，訪問到的東西是不一樣的。也就是說如果用在子組件上，我們還可以通過調(diào)用子組件方法。比如前提是這個(gè)組件有這個(gè)方法。
ref
ref 被用來給元素或子組件注冊(cè)引用信息。引用信息將會(huì)注冊(cè)在父組件的 $refs 對(duì)象上。此時(shí)對(duì) ref 的認(rèn)識(shí)在于，元素屬性寫了 refs， 則可以通過 this.$refs 訪問到該元素。其實(shí)ref 用在不同位置，訪問到的東西是不一樣的。
ref 在子組件上如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件實(shí)例。
也就是說 如果ref 用在子組件上，我們還可以通過 this.$refs.xxx 調(diào)用子組件方法。比如 this.$refs.pointdDetailChart(param) ,前提是 這個(gè)組件有這個(gè)方法。
因?yàn)?ref 本身是作為渲染結(jié)果被創(chuàng)建的，在初始渲染的時(shí)候你不能訪問它們 - 它們還不存在！$refs 也不是響應(yīng)式的，因此你不應(yīng)該試圖用它在模板中做數(shù)據(jù)綁定。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/97180.html
摘要：上圖是二月份前端框架排名，位居第一，排名第三。我們認(rèn)為前端模板和組件代碼是緊密相連的。直到最近看了文檔，才發(fā)現(xiàn)另有蹊蹺。 歡迎大家關(guān)注騰訊云技術(shù)社區(qū)-segmentfault官方主頁(yè)，我們將持續(xù)在博客園為大家推薦技術(shù)精品文章哦~ 紀(jì)俊，從事Web前端開發(fā)工作，2016年加入騰訊OMG廣告平臺(tái)產(chǎn)品部，喜歡研究前端技術(shù)框架。 這里要討論的話題，不是前端框架哪家強(qiáng)，因?yàn)樵?Vue 官網(wǎng)就已經(jīng)...
摘要：通用解決辦法事件冒泡了嘛，那就阻止事件冒泡唄。很完美有沒有，這就不用在事件響應(yīng)邏輯中去處理事件細(xì)節(jié)了。 冒泡的表現(xiàn) 近期用vue做了一個(gè)需求，大概是同一個(gè)區(qū)域，點(diǎn)擊不同位置有不同的響應(yīng)函數(shù)，還有個(gè)總的響應(yīng)函數(shù)，好吧，如下圖所示: showImg(https://segmentfault.com/img/remote/1460000015852878?w=1962&h=392); 他們的...
這個(gè)百度貼吧的項(xiàng)目是 vue + koa + sequelize 的項(xiàng)目。 由于沒有百度貼吧API接口，所以自己寫了后端 項(xiàng)目部分截圖（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...
摘要：源碼地址虛擬算法首先要明確一個(gè)概念就是的對(duì)象是虛擬，更新真實(shí)則是算法的結(jié)果基類。。。 源碼地址 虛擬dom diff算法首先要明確一個(gè)概念就是diff的對(duì)象是虛擬dom，更新真實(shí)dom則是diff算法的結(jié)果 Vnode基類 constructor ( 。。。 ) { this.tag = tag this.data = data this.chil...
閱讀 1333·2021-11-23 09:51
閱讀 749·2021-11-19 09:40
閱讀 1403·2021-10-11 10:58
閱讀 2481·2021-09-30 09:47
閱讀 3803·2021-09-22 15:55
閱讀 2284·2021-09-03 10:49
閱讀 1341·2021-09-03 10:33
閱讀 780·2019-08-29 17:12
