為您找到相關(guān)結(jié)果14,975,657個
詳解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on_vue...
Vue.js的指令是以v-開頭的,它們作用于HTML元素,指令提供了一些特殊的特性,將指令綁定在元素上時,指令會為綁定的目標(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-5-29
vue中v-bind和v-model的區(qū)別詳解_vue.js_腳本之家
v-bind和v-model是Vue.js中的兩個常用指令,它們在功能和用途上有一些區(qū)別。 v-bind指令(或簡寫為:)用于動態(tài)綁定數(shù)據(jù)到HTML屬性(不是雙向的)。它允許您將Vue實(shí)例的數(shù)據(jù)綁定到HTML元素的屬性上,并根據(jù)數(shù)據(jù)的變化動態(tài)更新屬性的值?？梢允褂胿-bind指令來實(shí)現(xiàn)屬性的動態(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_腳本之家
1.v-if 是“真正”的條件渲染,因為它會確保在切換過程中條件塊內(nèi)的事件監(jiān)聽器和子組件適當(dāng)?shù)乇讳N毀和重建。 2.v-if 也是惰性的:如果在初始渲染時條件為假,則什么也不做——直到條件第一次變?yōu)檎鏁r,才會開始渲染條件塊。 3.相比之下,v-show 就簡單得多——不管初始條件是什么,元素總是會被渲染,并且只是...
www.dbjr.com.cn/article/1625...htm 2025-5-24
詳解vue中v-model的實(shí)現(xiàn)原理_vue.js_腳本之家
v-model可以實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,也是vue的最突出的優(yōu)勢。其實(shí) v-model 實(shí)際上是一個語法糖。其中原理很簡單,只要就是兩部分,一個是事件監(jiān)聽,一個是屬性綁定。等下會用代碼來展示這兩部分。舉個v-model實(shí)現(xiàn)數(shù)據(jù)雙向綁定的例子: 1 2 3 4 5 6 7
www.dbjr.com.cn/javascript/310292h...htm 2025-5-20
v-slot和slot、slot-scope之間相互替換實(shí)例_vue.js_腳本之家
v-slot使用方式2: <template v-slot="{ row }"><template> 則可替換為: <template slot-scope="row"></template> 先記錄后期再完善,趕項目去了 補(bǔ)充知識:V-for and slot-scoped報錯問題 此場景是為了用v-for動態(tài)渲染表格的slot 可能會這么寫
www.dbjr.com.cn/article/1949...htm 2025-5-23
一文秒懂Vue3的v-model_vue.js_腳本之家
v-model 是 Vue 內(nèi)置的指令 作為屬性接收一個變量(不能是常量)綁定到普通組件和自定義組件中 1 2 3 4 // 作為普通組件的屬性, 只有作為表單內(nèi)的元素屬性時才會生效 如: input 、radio 、checkbox <template> </template> 1 2 3 4 // 作為自定義組件...
www.dbjr.com.cn/article/2746...htm 2025-5-11