綁定DOM屬性
阿新 • • 發佈:2017-05-27
綁定 mes logs 含義 url aid color bsp 實例
綁定title屬性
<div id="app2"> <span v-bind:title="mess2">鼠標停留此處查看title</span> </div>
<div id="app2"> <span v-bind:title="mess2">鼠標停留此處查看title</span> </div>
上面代碼中,v-bind屬性被稱為“指令”。Vue提供的指令前面都帶有“v-”。指令會在渲染的DOM上應用特殊的響應式行為。
v-bind:title的含義是:將這個節點的title屬性與Vue實例的mess2屬性保持一致。
ps:按照官方文檔中所說,在控制臺鍵入
app2.mess2
就能訪問和修改title屬性的值。
我在官方文檔的頁面上的確可以這樣做,但在自己寫的頁面上可以訪問到app2,但訪問不到app2.mess2
不知道為啥。但我猜可能是因為我只寫了個頁面,而不是用的vue-cli
綁定<a>的href屬性
<div id="app1"> <a v-bind:href="url1">百度</a> </div>
new Vue({ el: "#app1", data: { url1: "http://www.baidu.com" } })
綁定DOM屬性