深入理解v model

2022-06-22 09:09:12 字數 874 閱讀 7659

v-model 是vue的乙個語法糖,用於在表單控制項或者在元件上建立雙向繫結。雙向繫結即修改model後介面view會自動更新,如果使用者更新了view,model的資料也會自動更新。

表單控制項上使用v-model

自定義元件的v-model

自定義元件中定義的props,是單向的,只能是父級向子元件傳遞,父級prop的更新會向下流動到子元件中,但是子元件不能修改父級的prop資料。 但有時候又有一些場景,需要子元件能夠修改父元件傳遞過來的資料,此時就可以通過v-model實現。

用法:

設定元件的model選項,該選項值是個object有兩個鍵prop和event,通過prop指定進行雙向繫結的屬性,event指定該元件中什麼事件觸發後,更新prop

舉例:定義乙個元件,該元件有兩個屬性photoinfo和,zipcode, 其中photoinfo是object型別可雙向繫結。

// 元件定義personalinfo.vue

北京上海

在index.vue中使用該元件

// 元件呼叫

(zipcode = val)">

注意:

如果沒有設定model選項,元件上的 v-model 缺省會利用名為 value 的 prop 和名為 input 的事件。

v-model的本質

其實就是vue提供的乙個語法糖,它等價於 v-bind: + v-on:

等價於

深入理解C語言 深入理解指標

關於指標,其是c語言的重點,c語言學的好壞,其實就是指標學的好壞。其實指標並不複雜,學習指標,要正確的理解指標。指標也是一種變數,占有記憶體空間,用來儲存記憶體位址 指標就是告訴編譯器,開闢4個位元組的儲存空間 32位系統 無論是幾級指標都是一樣的 p操作記憶體 在指標宣告時,號表示所宣告的變數為指...

mysql 索引深入理解 深入理解MySql的索引

為什麼索引能提高查詢速度 先從 mysql的基本儲存結構說起 mysql的基本儲存結構是頁 記錄都存在頁裡邊 各個資料頁可以組成乙個雙向鍊錶每個資料頁中的記錄又可以組成乙個單向鍊錶 每個資料頁都會為儲存在它裡邊兒的記錄生成乙個頁目錄,在通過主鍵查詢某條記錄的時候可以在頁目錄中使用二分法快速定位到對應...

深入理解C語言 深入理解指標

關於指標,其是c語言的重點,c語言學的好壞,其實就是指標學的好壞。其實指標並不複雜,學習指標,要正確的理解指標。指標也是一種變數,占有記憶體空間,用來儲存記憶體位址 指標就是告訴編譯器,開闢4個位元組的儲存空間 32位系統 無論是幾級指標都是一樣的 p操作記憶體 在指標宣告時,號表示所宣告的變數為指...