Vue指令
vue會根據不同的指令,針對標簽實現不同的功能
指令:帶有v-前綴的特殊標簽屬性
1:v-html:指令
<div v-html="msg"></div>
2:v-show?
作用:控制元素顯示隱藏
語法:v-show="表達式" 表達式值true顯示,false隱藏
原理:切換display:none控制顯示隱藏
場景:頻繁切換顯示隱藏的場景
3:v-if
作用:控制元素顯示隱藏(條件渲染)
語法:v-if="表達式" 表達式值true顯示,false隱藏
原理:基于條件判斷,是否創建或移除元素節點
場景:要么顯示,要么隱藏,不頻繁切換的場景