vs做網(wǎng)站怎樣加數(shù)據(jù)庫正規(guī)培訓(xùn)機(jī)構(gòu)有哪些
//指令語法:
1.什么是指定,有什么作用?
指令的職責(zé)是,當(dāng)表達(dá)式的值改變時,將其產(chǎn)生的連帶影響,響應(yīng)式的作用語DOM
2.vue框架中的所有指令的名字都以v-開始的
3.插值是寫在標(biāo)簽當(dāng)中用的,指令寫在
vue框加所有的指令都以Html 標(biāo)簽的屬性的形式存在的,
例如:<span 指令寫 在這 >{{這里是插值語法的位置}}</span>
注意:雖然指令是寫在標(biāo)簽的屬性位置上,但是這個命令瀏覽器是無法看懂的,是 需 要先讓vue框架進(jìn)行編譯,編譯之后的內(nèi)容都是瀏覽器可以看到的
4.指令的語法規(guī)則
指令的一個語法格式
<HTML 標(biāo)簽 v-指令名:參數(shù) = “表達(dá)式”></HTML>
表達(dá)式,之前在插值語法中{{這里可以寫什么}},那么指令中的表達(dá)式就可以寫什么,實際上是一模一樣的。但是需要注意的是,在指令中的表達(dá)式位置不能再外層添加{{}}
不是所有的指令都有參數(shù)和表達(dá)式
有的指令,不需要參數(shù),也不需要表達(dá)式 例:v-once
有的指令,不需要參數(shù),但是需要表達(dá)式,例 :v-if = “表達(dá)式”
有的指令,既需要參數(shù),也需要表達(dá)式 例: v-bind : 參數(shù) = “表達(dá)式”
- v-once指令
作用:只渲染元素一次,隨后重新渲染,元素及其所有的子節(jié)點將被現(xiàn)為靜態(tài)內(nèi)存并跳過,這可以用于優(yōu)化更新性能
- v-if = "表達(dá)式"指令
作用:表達(dá)式的執(zhí)行結(jié)果需要一個布爾類型的數(shù)據(jù): true或者 false
true:這個指令所在的標(biāo)簽會被渲染到瀏覽器當(dāng)中去
false:這個指令所在的標(biāo)簽不會被渲染到瀏覽器當(dāng)中去
<body>
<div id ='app'>
<h1>{{msg}}</h1/>
<h1 v-once> {{msg}} </h1>
<h1 v-if="a>b">測試:{{msg}} </h1>
</div>
<script>
new Vue ({
el : '#app'
data(){
msg : ' qwert'
a : ' 20'
b : ' 21'
}
})
</scirpt>
</body>