vue 官方文檔對 .prop 修飾符的解釋是：
使用例子：
那么，具體的原理和用法是什么呢？這要從 html 的 DOM node 說起。
在 html 標簽里，我們可以定義各種 attribute。在瀏覽器解析 DOM 樹渲染頁面后，每個標簽都會生成一個對應的 DOM 節點。節點是一個對象，所以會包含一些 properties，attributes 也是其中一個property。
定義
Property：節點對象在內存中存儲的屬性，可以訪問和設置。 Attribute：節點對象的其中一個屬性( property )，值是一個對象，可以通過點訪問法 document.getElementById('xx').attributes 或者 document.getElementById('xx').getAttributes('xx') 讀取，通過 document.getElementById('xx').setAttribute('xx',value) 新增和修改。 在標簽里定義的所有屬性包括 HTML 屬性和自定義屬性都會在 attributes 對象里以鍵值對的方式存在。 例子：
<input id="input" type="foo" value="11" class="class"></input> 打印的 attribute 對象（NamedNodeMap 對象表示元素屬性節點的無序集合）：
Property 與 Attribute 的差別
1、Attribute 對象包含標簽里定義的所有屬性，Property 只包含 HTML 標准的屬性，不包含自定義屬性（eg: data-xxx）。
2、Attribute 里的屬性的值是 html 標簽上原始的值，除非使用 setAttribute() 方法更改，不會根據用戶輸入而改變（eg: input 標簽）。Property 在頁面初始化時會映射並創建 Attribute 對象里的標准屬性，從而節點對象能以對象的訪問方式獲取標准屬性。在用戶輸入內容修改了原始值后，Property 里對應的屬性會隨之變化。即，查看原始值使用 Attribute，查看最新值使用 Property。（input 的 value 值也可以通過 input.defaultValue 查看原始值）
3、Property 與 Attribute 的某些屬性名稱是完全一樣的，例如 ref, id ；某些名稱有些輕微差別，例如 Attribute 里的 for、class 屬性映射出來對應 Property 里的 htmlFor、className；某些屬性名稱一樣，但是屬性值會有限制或者修改，不會完全一樣，相關的屬性有 src, href, disabled, multiple 等。
例子：
<input src="test.html"></input>// input.src :
// input.attributes.src.value:
4、由於 Property 不能讀取自定義屬性，如果標簽在開始的時候對標准屬性定義了非標准范圍內的值，Property 會默認選擇一個標准值代替，導致與 Attribute 里的屬性不完全相等。
例子：
<input id="input" type="foo"></input> // input.type === 'text' // input.attributes.type === 'foo' Property 與 Attribute 各自的屬性和方法
Property: http://www.w3school.com.cn/js...
Attributes: http://www.w3school.com.cn/js...
.prop 修飾符用途
v-bind 默認綁定到 DOM 節點的 attribute 上，使用 .prop 修飾符后，會綁定到 property
注意事項：
- 使用 property 獲取最新的值；
- attribute 設置的自定義屬性會在渲染后的 HTML 標簽里顯示，property 不會。
修飾符用途：
通過自定義屬性存儲變量，避免暴露數據
防止污染 HTML 結構
例如：
<input id="input" type="foo" value="11" :data="inputData"></input> // 標簽結構: <input id="input" type="foo" value="11" data="inputData 的值"></input> // input.data === undefined // input.attributes.data === this.inputData <input id="input" type="foo" value="11" :data.prop="inputData"></input> // 標簽結構: <input id="input" type="foo" value="11"></input> // input.data === this.inputData // input.attributes.data === undefined