vue中if用法-tft每日頭條

vue中if用法

生活更新时间:2024-11-13 06:06:20

vue中顯隐方法常用兩種，v-show和v-if，但這兩種是有區别的。很多小白用得很随意，傻傻分不清，隻知其然，不知其所以然。

實現本質方法區别

v-show本質就是标簽display設置為none，控制隐藏

v-if是動态的向DOM樹内添加或者删除DOM元素

vue中if用法（v-if與v-show用法對比與總結）1

編譯的區别

v-show其實就是在控制CSS

v-if切換有一個局部編譯/卸載的過程，切換過程中合适地銷毀和重建内部的事件監聽和子組件

編譯的條件

v-show都會編譯，初始值為false，隻是将display設為none，但它也編譯了

v-if初始值為false，就不會編譯了

性能

v-show隻編譯一次，後面其實就是控制css，而v-if不停地銷毀和創建，故v-show性能更好一點。

用法

v-if更靈活

使用場景如果需要非常頻繁地切換，則使用 v-show 較好；如果在運行時條件很少改變，則使用 v-if 較好。（1）對于管理系統的權限列表的展示，這裡可以使用v-if來渲染，如果使用到v-show，對于用戶沒有的權限，在網頁的源碼中，仍然能夠顯示出該權限，如果用v-if，網頁的源碼中就不會顯示出該權限。（在前後台分離情況下，後台不負責渲染頁面的場景。）（2）對于前台頁面的數據展示，這裡推薦使用v-show，這樣可以減少開發中不必要的麻煩。總結v-if和v-show都是用來控制元素的渲染。v-if判斷是否加載，可以減輕服務器的壓力，在需要時加載,但有更高的切換開銷;v-show調整DOM元素的CSS的dispaly屬性，可以使客戶端操作更加流暢，但有更高的初始渲染開銷。如果需要非常頻繁地切換，則使用 v-show 較好；如果在運行時條件很少改變，則使用 v-if 較好。

知識在線，共同探讨，一起搬磚，快樂生活，苦了頭發。喜歡我就關注我吧！喜歡我就關注我吧！喜歡我就關注我

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活最新的情侶名字帶詩意
最新的情侶名字帶詩意?貓街少女；黑巷少年月寒劍心；花暖钗情，下面我們就來聊聊關于最新的情侶名字帶詩意?接下來我們就一起去了解一下吧!最新的情侶名字帶詩意貓街少女；黑巷少年。月寒劍心；花暖钗情。側耳聆聽；望眼欲穿。欲與深藍；島與暮歌。隻為一人... 2022-07-05
生活 4月29日是什麼星座
4月29日是什麼星座?4月29日性格：4月29日出生的人很在意自己在世人面前所呈現的形象就好像他們随身都帶着一面鏡子，時刻照出在别人面前的模樣所以這也意味着他們所展現出來的，是經過精心設計，對自己最有利的形象這些人重視社會、朋友和家人的評價... 2022-07-04
生活 tvb電視劇使徒行者2
大概是從2018年《無雙》上映開始，觀衆不再抱怨「港片已死」。在導演、編劇、演員的共同努力之下，觀衆重新感受到港片中義薄雲天的魅力。《無雙》過後，港片開始絕地反擊。短短一年，便再度交出《反貪風暴4》、《掃毒2天地對決》兩份優秀答卷。雖說評分... 2022-11-29
生活荒野大镖客2那些令人窒息的操作
近日有國外玩家在《荒野大镖客：救贖2》中發現了巨型鲶魚的模型，重量超過正常鲶魚10倍以上。從18年就一直在玩家之間流傳着水裡有巨型魚類怪物的傳說，然而并沒人見過它的真實面貌，随着《荒野大镖客：救贖2》登陸PC，越來越多的文件被發掘了出來。這... 2023-01-17
生活淄博公交105路站點詳情
淄博公交105路站點詳情?5月12日，記者從淄博市公共汽車公司營運處獲悉，因傅家停車場無法使用，自明日起，102路、157路兩條公交線路終點站由傅家調整延伸至中國财富陶瓷城，具體調整如下：，今天小編就來說說關于淄博公交105路站點詳情?下面... 2022-10-23
生活缺鉀的症狀怎樣補鉀最有效
我們體内的鉀代謝有個規律:多吃多排，少吃少排，不吃也排。很多病人病人容易出現低鉀，導緻許多心血管臨床事件，常需經胃腸外營養補鉀。不能飲食僅靠胃腸外營養病人，常規生理補鉀量是多少？大概是3g/天的鉀，注意不是3g氯化鉀！内科學第6版P849，... 2022-11-05
生活蚯蚓是如何适應土壤生活的
蚯蚓是如何适應土壤生活的?蚯蚓以體表進行氣體交換氧溶在體表濕潤薄膜中，再滲入角質膜及上皮，到達微血管叢，由血漿中血紅蛋白與氧結合，輸送到體内各部分蚯蚓的上皮分泌粘液，背孔排出體腔液，經常保持體表濕潤，有利于呼吸作用有人認為蚯蚓也能在水中進行... 2022-07-08
生活氣質優雅的說說
氣質優雅的說說?非讓現實給你一巴掌，你才知道社會有多虛僞，非讓所謂的朋友把你傷的什麼都不是，你才知道人心可畏，我來為大家講解一下關于氣質優雅的說說?跟着小編一起來看一看吧!氣質優雅的說說非讓現實給你一巴掌，你才知道社會有多虛僞，非讓所謂的朋... 2022-06-15
生活三相漏保怎麼接線圖解
漏電保護器是家庭電路必備的電氣保護元器件，重點是用來保護人身觸電來使用的，關于漏電保護器的功能作用，接線以及注意事項是每一個電工入門者所需要掌握的基礎知識。很多的剛入門學習電工的師傅都留言:漏電保護器到底應該怎麼接線？左零右火嗎？還是左... 2022-12-25
生活父親節感言父愛如山
時間都去哪兒了音樂：王铮亮-BANGTHEWORLD曾經有段時間，在朋友圈流傳着這樣一張圖，瞬間刷爆了朋友圈，好多人都評論看哭了：圖中是一位父親和自己走路還不太穩的小女兒，在通往家裡的石階小道上。令人震撼的是，父親失去了雙腿和半個左臂，但他... 2022-11-06
生活正月初一吃什麼菜合适
俗話說，“爆竹聲中一歲除，總把新桃換舊符”。今天是虎年的頭一天，根據隋《五燭寶典》中記載：“正月為端月，其一日為元日”。而且，正月初一為“雞”日，在農村年俗中有重要的地位，許多地方流傳着“逢了雞日，要吃五辛菜”的習俗，這到底是咋回事？下面，... 2022-11-02
生活程度深是什麼意思
程度深是什麼意思?程度深不是說是詞語，是一個詞語在某個方面比另外的詞語程度深淺比如，興奮的程度比高興要深.意思興奮比高興更愉快傷心比難過程度深，接下來我們就來聊聊關于程度深是什麼意思?以下内容大家不妨參考一二希望能幫到您!程度深是什麼意思程... 2022-07-18
生活小米青春版耳機怎麼樣
小米的産品總是以性價比引起人們的注意，無論是手機還是其生态圈的産品都是這樣。最近聽了幾隻耳機，忽然就對耳機感興趣了。小米藍牙項圈耳機青春版，我是被這個項圈吸引了，因為一直沒有用過項圈耳機，很是有些興趣。感謝高清範，獲得了小米藍牙項圈耳機青春... 2022-11-02
生活隻是當時已惘然的意思
隻是當時已惘然的意思?隻是當時已惘然翻譯：而在當時那些人看來那些事都隻是平常罷了，卻并不知珍惜，今天小編就來說說關于隻是當時已惘然的意思?下面更多詳細答案一起來看看吧!隻是當時已惘然的意思隻是當時已惘然翻譯：而在當時那些人看來那些事都隻是平... 2022-06-06
生活冬瓜與紅蘿蔔一起吃的好處
冬瓜與紅蘿蔔一起吃的好處?減肥冬瓜富含大量的丙醇二酸，可以控制人體的糖類轉化為脂肪，另外，冬瓜幾乎不含脂肪，熱量也不高，因此對于人體減肥具有一定的促進作用，我來為大家講解一下關于冬瓜與紅蘿蔔一起吃的好處?跟着小編一起來看一看吧!冬瓜與紅蘿蔔... 2022-06-06
生活芥菜飯的做法
芥菜飯的做法?食材：芥菜、蔥、肉、蝦米、食用油、十三香、辣醬、生抽、米飯、熟花生米，現在小編就來說說關于芥菜飯的做法?下面内容希望能幫助到你，我們來一起看看吧!芥菜飯的做法食材：芥菜、蔥、肉、蝦米、食用油、十三香、辣醬、生抽、米飯、熟花生米... 2022-06-10
生活 cad鏡像以後文字是反的
CAD使用技巧在CAD中對圖像和文字進行鏡像時會發現線條圖元會針對于鏡像線兩邊對稱但是文字鏡像後也反了，如下圖文字鏡像後也反了如果需要文字不随着鏡像發生轉動怎麼設置呢？1、在鏡像前，輸入MIRRTEXT指令輸入MIRRTEXT指令2、輸入新... 2022-11-20
生活铠的新皮膚到底值不值入手
铠的新皮膚到底值不值入手?可樂要加冰，喬妹在你心，大家好我是小喬妹，每天為您分享有趣的王者榮耀新皮膚、新版本，最新攻略等文章内容，我來為大家科普一下關于铠的新皮膚到底值不值入手?以下内容希望對你有幫助!铠的新皮膚到底值不值入手可樂要加冰，喬... 2022-10-19
生活馬桶被硬物堵了如何辦
馬桶被硬物堵了如何辦?如果掉進去的是塑料刷子、瓶蓋、肥皂、梳子等硬物的話，那就需要使用到管道疏通機了，嚴重的時候甚至要将馬桶拆開疏通，這種情況隻有把東西弄出來才能徹底解決，下面我們就來說一說關于馬桶被硬物堵了如何辦?我們一起去了解并探讨一下... 2022-08-03
生活孫楊自由泳幾次世界紀錄
9月22日，孫楊在自己的社交平台曬出1500米自由泳世界紀錄證書，表示10年過去了終于收到了。據悉，該項紀錄是孫楊在2012年的倫敦奧運會上創下的。, 2023-01-05
生活雞蛋肉堡的做法
雞蛋肉堡的做法?食材:豬肉200g、面粉适量、雞蛋四個、蚝油适量、醬油适量、食鹽适量、胡椒粉少量、香油适量，下面我們就來說一說關于雞蛋肉堡的做法?我們一起去了解并探讨一下這個問題吧!雞蛋肉堡的做法食材:豬肉200g、面粉适量、雞蛋四個、蚝油... 2022-06-14
生活如懿傳皇上登基後第一個皇子是誰生的
如懿傳皇上登基後第一個皇子是誰生的?在電視劇《如懿傳》中皇上登基後第一個皇子是金玉妍生的，下面我們就來聊聊關于如懿傳皇上登基後第一個皇子是誰生的?接下來我們就一起去了解一下吧!如懿傳皇上登基後第一個皇子是誰生的在電視劇《如懿傳》中皇上登基後... 2022-06-17
生活母乳來源是怎麼來的
母乳喂養好處多母乳是寶寶最好的食物,寶寶們最好純母乳喂養至6個月,繼續母乳喂養至2歲。●母乳營養全面、充足,容易消化吸收。●母乳含有多種免疫物質,有助于預防寶寶生病和過敏。●母乳喂養促進寶寶神經發育,使寶寶更聰明。●母乳喂養可促進母親和寶寶... 2022-10-28
生活我的前半生唐晶和誰一起
我的前半生唐晶和誰一起?《我的前半生》唐晶沒有和誰在一起，我來為大家科普一下關于我的前半生唐晶和誰一起?以下内容希望對你有幫助!我的前半生唐晶和誰一起《我的前半生》唐晶沒有和誰在一起。唐晶演員袁泉，職場女強人，則信奉着獨立自強的價值觀念，在... 2022-06-02
生活淌水是什麼意思
淌水是什麼意思?淌水：tǎngshuǐ淌水：流，流下，向下流例如：淌水，淌汗，淌眼淚，今天小編就來聊一聊關于淌水是什麼意思?接下來我們就一起去研究一下吧!淌水是什麼意思淌水：tǎngshuǐ。淌水：流，流下，向下流。例如：淌水，淌汗，淌眼淚... 2022-07-13
生活李白鳳求凰全詩
李白鳳求凰全詩?有一美人兮，見之不忘一日不見兮，思之如狂，接下來我們就來聊聊關于李白鳳求凰全詩?以下内容大家不妨參考一二希望能幫到您!李白鳳求凰全詩有一美人兮，見之不忘。一日不見兮，思之如狂。鳳飛翺翔兮，四海求凰。無奈佳人兮，不在東牆。将琴... 2022-06-16
生活黛玉傳演員表
黛玉傳演員表?由馬天宇、孫藝洲、闵春曉、陳倩、鄧莎、曹曉雯、宋雨霏、董娴、王子瑜等主演，現在小編就來說說關于黛玉傳演員表?下面内容希望能幫助到你，我們來一起看看吧!黛玉傳演員表由馬天宇、孫藝洲、闵春曉、陳倩、鄧莎、曹曉雯、宋雨霏、董娴、王子... 2022-08-15
生活韓式西葫蘆的做法
韓式西葫蘆的做法?把西葫蘆切片，泡入鹽水中，防止煎炸過程中出水另外切片别太薄，以免還沒翻面就煎焦了，保持每片均勻即可，我來為大家科普一下關于韓式西葫蘆的做法?以下内容希望對你有幫助!韓式西葫蘆的做法把西葫蘆切片，泡入鹽水中，防止煎炸過程中出... 2022-06-04
生活小鍋如何做玉米
小鍋如何做玉米?小鍋可以做最簡單的煮玉米，這樣煮更好吃：，我來為大家科普一下關于小鍋如何做玉米?下面希望有你要的答案，我們一起來看看吧!小鍋如何做玉米小鍋可以做最簡單的煮玉米，這樣煮更好吃：煮玉米要帶着玉米皮一塊煮。當然不是全部玉米皮，而是... 2022-06-07
生活學生用什麼護膚品好
學生用什麼護膚品好?溫和清潔洗面奶要選溫和質地的，一般洗面奶有皂基和氨基酸配方，皂基的清潔力太強，很容易過度清潔，而造成肌膚屏障受損所以這個年齡的小可愛用溫和型的洗面乳就可以了，現在小編就來說說關于學生用什麼護膚品好?下面内容希望能幫助到你... 2022-06-16

tft每日頭條

> 生活

> vue中if用法

vue中if用法

相关生活资讯推荐

热门生活资讯推荐

网友关注