您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
01 js發布訂閱模式once(Vue組件的使用)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-20 03:02:06【】4人已围观
简介Vue組件的使用通過ref來獲取頁面上的dom若在一個組件<item>中添加上ref,那么獲取到的dom就是對應的組件,也就是可以獲取到組件的引用。可以獲取到組件中定義的data數據父組件
Vue組件的使用
通過ref來獲取頁面上的dom
若在一個組件<item>中添加上ref,那么獲取到的dom就是對應的組件,也就是可以獲取到組件的引用。
可以獲取到組件中定義的data數據
父組件傳值給子組件通過屬性來傳。
過來的值賦值給定義的值,然后修改那個值
子組件通過事件觸發來向父組件傳值
定義一個全局組件
父組件給子組件通過屬性傳遞一些值,而子組件做的一些約束就是組件的參數校驗
父組件要傳一個名叫買粉絲ntent的屬性,而子組件剛好定義了買粉絲ntent的prop,這個就是props特性
非props特性
例如:給子組件的標簽中定義一個click事件
上面的實現是錯誤的,原因就是在子組件中定義的@click中的click是監聽的自定義事件的名稱,它是接收子組件觸發的事件名稱,如:this.$emit('click'),@click是接收這樣的事件的,并不是我們熟知的點擊事件
實現上面的例子
方法一:
方法二
在click中添加.native就可標明為原生事件
方法一,使用Vuex
方法二,使用發布訂閱模式,也稱為總線機制
怎么使父組件給子組件優雅的傳遞dom,例如父組件要給子組件傳遞<p>Dell</p>
按以往的方法應該是
使用slot可以解決問題
如果template中有多個<slot>,那怎么確定哪個slot要那些dom呢
可以通過名稱來確定對應的dom,如
通過動態組件來怎么實現呢
切換的時候,每次都是先銷毀,然后再創建子組件,每次切換都銷毀和創建
v-once就是為了避免這種情況的發生,使用v-once第一次展示的時候,會將組件放到內存中,第二次就不需要創建組件了,可以直接從內存中讀取到
參考
Vue.js API文檔
慕課網:Vue2.5開發去哪兒網App 從零基礎入門到實戰項目
很赞哦!(936)
相关文章
- 01 山東省外貿進出口總額數據(2016年中國外貿進出口總額多少美元)
- 01 山東聚達宏貿易有限公司(山東輪胎都有哪些品牌)
- 01 山東省對外貿易發展現狀(加工貿易梯度轉移 關于山東加工貿易區域梯度轉移的對策思考)
- 01 山東網紅燒烤(淄博網紅燒烤在哪個位置)
- 01 上海馬橋文來外國語小學招生時間(閔行馬橋文來外國語小學怎么樣)
- 01 上海闊泰貿易有限公司(上海闊泰裝潢裝飾上海吉米裝潢公司簡介)
- 01 山東稅務醫療保險繳費買粉絲繳費(山東合作醫療網上繳費怎么交)
- 01 上海領威國際貿易有限公司(尋一份 2011-2015年中國注塑機市場深度調研及投資分析報告)
- 01 山東統一戰線買粉絲買粉絲(鳳凰男和孔雀女適合在一起嗎?)
- 01 山東省第二人民醫院買粉絲怎么查不到信息(招標信息在哪里可以查看)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:河北省廊坊固安县
工作室:小组
Email:[email protected]
热门文章
站长推荐
01 山東首鋼鋼鐵貿易有限公司(中國鋼鐵十大排名)
01 山東網紅主播李紅照片(央視主播李紅錄制花絮曝光,她稿子滿滿筆記反差穿著引網友調侃,你怎么看?)
01 上海限制外地車牌號幾點到幾點以進口為準(上海某公司A以FOB術語簽訂了一筆進口合同,自新加坡經海運方式運往上海,并委托承運人C運輸。A公司在收到全)
01 上海限制外地車牌號區域圖(2022外地車牌進上海市有什么限制)
01 上海限制外地車牌嗎現在(2021外地車牌進上海市有什么限制)
01 山東貿易職業學校地址(山東外貿職業學院在哪?)
01 山東祥果貿易有限公司(山東省青島市宏發藥業有限公司有這個公司嗎)
01 山東首鋼鋼鐵貿易有限公司招聘信息(誰能告訴我中國排名前十的國企是哪些?)