您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
01 js發布訂閱模式once(Vue組件的使用)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-19 00:15:26【】1人已围观
简介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 從零基礎入門到實戰項目
很赞哦!(6867)
相关文章
- 03 運動會買粉絲買粉絲推文文案(大型活動買粉絲買粉絲推文有什么秘籍?)
- 03 運營買粉絲心得體會500字(讀完《副業賺錢》這本書我收獲了這些干貨,然后畫了一張知識圖譜)
- 03 適合中學生訂閱的時事雜志(適合中學生看的有關時事政治的書刊報紙)
- 03 進口報關單貿易國填報下列表述正確的是(出口報關時,有個貿易國別,這個是如何填寫的?)
- 01 ins動漫情頭(這是什么卡通人物?)
- 03 近三年我國遭遇貿易壁壘案例(中國農產品出口貿易壁壘分析)
- 01 ins女生頭像不露臉大海(森系小仙女INS女生頭像,仙女ins森系背景圖)
- 01 ins圖片下載網站(用ins軟件怎么保存圖片)
- 03 進出口貿易有限公司屬于什么行業(貨運代理是什么行業)
- 01 ins圖片下載(如何在ins下載圖片)
热门文章
站长推荐
01 ins可以用國內電話注冊嗎(大陸手機號能否注冊instagram?)
01 ins可愛頭像真人超萌不露臉(ins頭像怎么保存)
01 ins只能錄視頻嗎(ins拍照鍵變成視頻了怎么改)
01 ins動漫頭像女生 網紅(個性頭像女生霸氣冷酷,霸氣的,超拽的,女生頭像)
03 進出口貿易公司起名字如何起(想注冊一個做進出口貿易的公司,不知道起什么名字好,請各位大俠幫忙,可加分 多謝 在線等)
03 適合個人買粉絲的名字推廣用什么軟件(適合個人買粉絲的名字)
01 ins可愛頭像女生(個性頭像女生霸氣冷酷,霸氣的,超拽的,女生頭像)
03 進出口貿易實務課程研究的對象包括(國際貿易本科段課程)