1. 程式人生 > >v-cloak與v-text與v-html方法區別對比

v-cloak與v-text與v-html方法區別對比

Document

++++++++ {{ msg }} ----------

==================

<div>{{msg2}}</div>
<div v-text="msg2"></div>
<div v-html="msg2">1212112</div>

<!-- v-bind: 是 Vue中,提供的用於繫結屬性的指令 -->
<!-- <input type="button" value="按鈕" v-bind:title="mytitle + '123'"> -->
<!-- 注意: v-bind: 指令可以被簡寫為 :要繫結的屬性 -->
<!-- v-bind 中,可以寫合法的JS表示式 -->

<!-- Vue 中提供了 v-on: 事件繫結機制 -->
<!-- <input type="button" value="按鈕" :title="mytitle + '123'" v-on:click="alert('hello')"> -->


<input type="button" value="按鈕" @click="show">