vue 自學 v model 簡易計算器

1.適用範圍：input、select 輸入，選擇等框框可以使用本指令

2.使用效果：例：（1）在v-model繫結的input輸入框內輸入字元，可以同步改變   v-model   data裡面的資料
（2）在v-model繫結的select   option 裡面可以選擇v-model  data裡面的資料
就像這裡面的 m opt n result 都是隨使用者書如⏲即時發生改變，並呈現出來的
繫結m n result 運算子 即可，再弄清楚裡面的業務邏輯即可
calc()

}
這個就是一般的計算器業務邏輯，因此處只是簡易計算器，所以有bug也沒去管，見諒

另外一種方法就是用
var temp =

'parseint(this.m) '
+this
.opt +
' parseint(this.n)'
this
.result =
eval
(temp)
這樣的方式來寫課程中註明本法是投機取巧，企業級開發中盡量少用
				
vue元件應用v model
一 input上的v model原理 vue中的v model最常用的就是在input節點上，像下面這樣 text v model message v model實際上是一種資料和方法繫結的語法糖 text value message input message event.target.value...
				
vue表單應用  v model
v model只能用於 input select textarea這些表單元素上實現雙向資料繫結。所謂雙向書資料繫結，指的是在vue物件中的data與其繫結的dom元素的內容保持一致。兩者無論誰被改變，另乙個也相應改變。因為表單元素展現資料的方式不同，在實現雙向資料繫結時，vue會根據不同的控制項型...
				
Vue內部指令 v model
1.簡單的雙向資料繫結 html p 請輸入 text v model message 2.修飾符 html p 請輸入 text v model.lazy message 3文字域加入資料繫結 cols 30 rows 10 v model message textarea 4多選按鈕繫結乙個值 ...