1两曼、v-bind指令
這里我們遇到了一點新東西锋华。你看到的 v-bind 特性被稱為指令朴艰。指令帶有前綴 v-宗挥,以表示它們是 Vue 提供的特殊特性墓塌「郴溃可能你已經(jīng)猜到了牌里,它們會在渲染的 DOM 上應(yīng)用特殊的響應(yīng)式行為郎楼。在這里辆雾,該指令的意思是:“將這個元素節(jié)點的 title 特性和 Vue 實例的 message 屬性保持一致”肪笋。
文檔原文
代碼實踐
<template>
<div id="vue">
learn Vue!!!
<div id="app">聲明式渲染:{{message}}時間是: {{dateStr}}</div>
<div @click="func">點擊</div>
<!--動態(tài)綁定-->
<div id="app-2">
<!--v-bind的指令學(xué)習(xí)-->
<span v-bind:title="message">
鼠標(biāo)懸停幾秒鐘查看此處動態(tài)綁定的提示信息!
</span>
</div>
</div>
</template>
效果
image.png