為您找到相關(guān)結(jié)果15,402,945個(gè)
詳解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on_vue...
Vue.js的指令是以v-開頭的,它們作用于HTML元素,指令提供了一些特殊的特性,將指令綁定在元素上時(shí),指令會(huì)為綁定的目標(biāo)元素添加一些特殊的行為,我們可以將指令看作特殊的HTML特性(attribute)。 Vue.js提供了一些常用的內(nèi)置指令,如下: v-if指令 v-for指令 v-show指令 v-else指令 v-bind指令 v-on指令 1:v-if指令 v-if指令
www.dbjr.com.cn/article/1487...htm 2025-6-10
vue中v-bind和v-model的區(qū)別詳解_vue.js_腳本之家
v-bind和v-model是Vue.js中的兩個(gè)常用指令,它們?cè)诠δ芎陀猛旧嫌幸恍﹨^(qū)別。 v-bind指令(或簡寫為:)用于動(dòng)態(tài)綁定數(shù)據(jù)到HTML屬性(不是雙向的)。它允許您將Vue實(shí)例的數(shù)據(jù)綁定到HTML元素的屬性上,并根據(jù)數(shù)據(jù)的變化動(dòng)態(tài)更新屬性的值?？梢允褂胿-bind指令來實(shí)現(xiàn)屬性的動(dòng)態(tài)綁定,如綁定class、style、src等屬性。 1 2 ...
www.dbjr.com.cn/javascript/295046y...htm 2025-5-18
vue中v-show和v-if的異同及v-show用法_vue.js_腳本之家
?性能 ?v-show只編譯一次,后面其實(shí)就是控制css,而v-if不停的銷毀和創(chuàng)建,故v-show性能更好一點(diǎn)。 ?注意點(diǎn):因?yàn)関-show實(shí)際是操作display:" "或者none,當(dāng)css本身有display:none時(shí),v-show無法讓顯示 ?總結(jié):如果要頻繁切換某節(jié)點(diǎn)時(shí),使用v-show(無論true或者false初始都會(huì)進(jìn)行渲染,此后通過css來控制顯示...
www.dbjr.com.cn/article/1625...htm 2025-6-9
詳解vue中v-model的實(shí)現(xiàn)原理_vue.js_腳本之家
v-model可以實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,也是vue的最突出的優(yōu)勢(shì)。其實(shí) v-model 實(shí)際上是一個(gè)語法糖。其中原理很簡單,只要就是兩部分,一個(gè)是事件監(jiān)聽,一個(gè)是屬性綁定。等下會(huì)用代碼來展示這兩部分。舉個(gè)v-model實(shí)現(xiàn)數(shù)據(jù)雙向綁定的例子: 1 2 3 4 5 6 7
www.dbjr.com.cn/javascript/310292h...htm 2025-5-20
一文秒懂Vue3的v-model_vue.js_腳本之家
v-model 是 Vue 內(nèi)置的指令 作為屬性接收一個(gè)變量(不能是常量)綁定到普通組件和自定義組件中 1 2 3 4 // 作為普通組件的屬性, 只有作為表單內(nèi)的元素屬性時(shí)才會(huì)生效 如: input 、radio 、checkbox <template> </template> 1 2 3 4 // 作為自定義組件...
www.dbjr.com.cn/article/2746...htm 2025-6-9
vue指令中的v-once用法_vue.js_腳本之家
v-once 能夠讓標(biāo)簽的內(nèi)容,也就是 {{str}} 中,data里面的某個(gè)數(shù)據(jù)例如str,保持在vue的data初始化之后,str的第一個(gè)值。 下面的寫法 1 2 {{str}} <el-inputv-model="str"></el-input> str初始是’’,空字符串; 然后在created中從后端接口獲得數(shù)據(jù)給str賦值:this.str = ‘a(chǎn)aa’; 最后在mounted中江s...
www.dbjr.com.cn/article/2497...htm 2025-6-4