找不到value值
原因:這個錯是因為自己綁定值得問題,將v-model 寫成了:model 。
v-model: 是vue內置的雙向數據綁定,父子組件的雙向綁定,通常用於input數據的雙向綁定,用於表單控件以外的標簽是不起作用的(即只對表單控件標簽的數據雙向綁定有效)。
:model: (v-bind:model)v-bind動態綁定指令,默認情況下標簽自帶屬性的值是固定的,這種只是將父組件的數據傳遞到了子組件,並沒有實現子組件和父組件數據的雙向綁定。當然引用類型除外,子組件改變引用類型的數據的話,父組件也會改變的。
<input v-model="message"> =
<input v-bind:value="message" v-on:input="message = $event.target.value" />
上面這個例子中,v-bind:value="message" 只是將message變量的值賦給了input的value,
並沒有雙向綁定,再此聲明一下以防混淆
v-bind 一般用於綁定屬性值(可省略)
v-on 一般用於綁定事件(簡寫@)