vue中v-bind和v-model區別

綁定數據有三種方式：

1. 插值，即{{值}}
2. v-bind
3. v-model

v-bind

<a v-bind:[attributeName]=""> ... </a>

單向綁定

這里的 attributeName 會被作為一個 JavaScript 表達式進行動態求值，求得的值將會作為最終的參數來使用。例如，如果你的 Vue 實例有一個 data property attributeName，其值為 "href"，那么這個綁定將等價於 v-bind:href。

v-model

雙向綁定

很多時候v-model使用在表單的<input>中實現雙向綁定。

v-model 會忽略所有表單元素的 value、checked、selected 特性的初始值而總是將 Vue 實例的數據作為數據來源。直接給元素 value 賦值不會生效的，你應該通過 JavaScript 在組件的 data 選項中聲明初始值。

<input v-model="msg" placeholder="請輸入..." />

data: {
	msg: '',
},