最近兩天開始學習vue這個框架，雖然本人算是原生主義，比較喜歡純js寫東西，但優秀的框架總有許多值得學習的地方。技術發展的根本意義，在於讓人們更輕鬆地解決難題，借鑑別人的思想很重要。表單說白了就是接收使用者的輸入，vue在表單中幾乎都用了v-model語法糖實現表單和vue例項中資料的雙向繫結,單純用的話，只需要記住兩點：
1.v-model繫結的是vue例項中的資料，就像原生表單中每個表單元素都有name來標識一樣，vue例項中要有乙個對應的屬性（變數）來接收/儲存表單元素中的資料。對於多個checkbox（核取方塊）和多選的select，對應的vue屬性是乙個陣列。
2.vue表單可以繫結動態屬性，即vue例項中的屬性或使用者在v-bind：value=「js表示式」的自定義。 }
} 單選框： }
核取方塊： c1
c2c3
c4} 單選按鈕：
單選列表： q1
q2q3
q4 多選： a1
a2a3
a4 動態選項：}}
以上表單的值都是寫死的（在頁面上的靜態字元或布林值）,可以動態繫結到vue例項的乙個屬性上，不而是頁面的靜態字元
核取方塊：(true-value/false-value)
} 單選框：（v-bind:property）
} selectlit:(option---:object)ab
cde}
------------------------------分割線和原始表單對比--------------------------------------------
七 vue基礎 表單輸入繫結
二.值繫結 可以使用v model指令在表單 並不會生效,應用v model來代替 核取方塊單個核取方塊,繫結到布林值 type checkbox id checkbox v model checked for checkbox label 多個核取方塊,繫結到同乙個陣列 example 3 typ...
Vue基礎內容 02筆記
v for 作用 根據一組資料,渲染出乙個標籤結構i相似的列表介面 陣列方式 語法1 v for item in tems 語法2 v for irem index in items 物件方式 語法 v for value key index in obj 注意 使用v for指令時，通常要加乙個指...
記 vue 表單的乙個效能問題
產品反饋表單頁太卡了，這是乙個有意思的情況，讓我看看。如圖所見，當在 input 輸入資料的時候，連續輸入會感覺明顯的延遲。那個專案最多情況下，表單數量達到千數。筆者在 demo 裡簡化實現，並把表單數量提公升到 10000，把下面的 貼上執行一邊就能得到卡頓效果。眾所周知，vue2 裡的資料使用 ...