vue中常用的屬性標簽

• 插值表達式{{}}，可以在前后插入一些內容
• {{title}} //title為data中定義的內容
• 如果我們想在變量之前或者后面加一些內容的話使用插值表達式
• v-cloak:在我們vue加載之前v-cloak是存在，vue加載結束之后v-cloak就隱藏了，利用這個特性可以實現：界面防止閃爍
•     <style>
•         [v-cloak] { display: none;  }
•     </style>
• <div id="app" v-cloak>
• v-text：會替換掉元素里的內容
• <p v-text='p1'>allalalall</p>
• p1為data中定義好內容，會將元素中的內容覆蓋，不識別標簽
• v-html：可以渲染html界面
• <p v-html='p2'></p>
• 識別內容中的標簽
• v-on：進行事件的綁定，用的最多的是click事件綁定
• 簡寫@
• <button v-on:click="chage('111111')">按鈕</button>
• <button @click="chage('111111')">按鈕</button>
• 事件修飾符
• .stop 阻止冒泡
• <div class="box3" @click.stop='click("最里邊")'>.stop</div>
• 直接在事件后面打點使用，下同
• .prevent 阻止默認事件
• .capture 添加事件偵聽器時使用事件捕獲模式
•  .self 只當事件在該元素本身（比如不是子元素）觸發時觸發
•  .once 事件只觸發一次
• v-model數據雙向綁定
• <input type="text"  v-model:value='title'>
• title為data中定義的,雙向綁定后用戶可以更改該數據