作為乙個菜鳥，兼只會依葫蘆畫瓢的搬磚it狗，並沒有系統學習過vue。
在最近專案中，發現了乙個奇怪的問題：
使用vant-ui 的field
<van-field
v-model
="form.unitprice" //form。unitprice是js的number型別
type
="number"
label
="大貨價："
>
當請求資料，將賦值時，this.form.unitprice = res.unitprice時，在network中看到 res.unitprice是float型別的，
但是在輸入框中修改了值，在上傳後，重新請求返回的res.unitprice變成了string型別。
公司大神告訴我做如下修改即可：
v-model.number="form.unitprice"
vue的核心特性之一是雙向繫結，vue的響應式原理是實現了資料－>檢視，接下來我們要學習檢視－>資料的原理。
v-model是乙個指令，限制在、、、components中使用，
修飾符.lazy(取代 input 監聽 change 事件)、.number(輸入字串轉為有效的數字)、.trim(輸入首尾空格過濾)。
它其實是乙個語法糖。
v-model 的實現原理
以上的原理很詳細，但是有些複雜，我沒啥耐心開。。。。
找個了一些通俗的例子：原文在這裡
html元素的v-model -輸入框(text)
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>v-model指令
title
>
<
script
src=""
>
script
>
head
>
<
body
>
<
div
id>
}<
br>
<
input
v-model
="price"
>
div>
<
script
>
newvue(
});script
>
body
>
html
>
元件的v-model - 輸入框(text)
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>v-model指令
title
>
<
script
src=""
>
script
>
head
>
<
body
>
<
div
id>
}
<
my-input
v-model
="price"
>
my-input
>
div>
<
script
>
vue.component(
'my-input
', ,
methods:
}});
newvue(
});script
>
body
>
html
>
vue中v model結合radio型別
doctype html en utf 8 title title head male radio id male value 男 v model 男 lable female radio id female value 女 v model 女 lable 您選擇的性別是 h2 div js vue...
Vue學習系列（八） Vue的v model指令
vue中的v model指令，可以將data資料渲染到html文字中，但是和v text不同的是，v model可以雙向繫結data資料，即在html中改變v model的值，那麼在vue中的資料也會一起改變，同樣改變vue例項中的資料，v model中的資料也會一起改變。注意 v model和v ...
vue中的v model更新radio控制項的方式
v model會忽略所有表單元素的 value checked selected 特性的初始值，而總是將 vue 例項的資料作為資料 實踐過程中v model更新radio控制項的方式，v model 指令在表單 及 元素上建立雙向資料繫結。它會根據控制項型別 自動 選取正確的方法來更新元素1 v ...