v-html

// 有時候,我們需要展示<strong>,但直接使用下面的語法并不會顯示
<div id = "app">{{name}}</div><script>let app = new Vue({el:'#app',data:{name:'<strong>啦啦啦</strong>'}});
</scritp>
// 結果當然沒讓人失望

此時需要 v-html來顯示

<div id ="app"><div v-html="name"></div>
</div>
<script>let app =new Vue({el:'#app',data:{name:'<strong>啦啦啦</strong>'}});
</script>

v-bind:

// 前面strong標簽綁定進了html頁面,接下來是要賦予html頁面間元素屬性了.
// href屬性
<div id = "app"><a v-bind:href="link">百度官網</a>
</div>
<script>let app = new Vue({el:'#app',data:{link:'https://www.baidu.com'}})
</script>// ps: v-bind:href="link"實際上等價于: href = link,  link = "https://www.baidu.com"

// 上文v-bind可以簡寫為 :
<div id = "app"><a :href="link">百度官網</a>     <br><button :disabled="myFalse">按鈕被禁用</button>
</div>
<script>let app = new Vue({el:'#app',data:{link:'https://www.baidu.com',myFalse:'false'}});
</script>

參考 https://mp.weixin.qq.com/s?__biz=MzA3MDg1NzQyNA==&mid=2649654456&idx=1&sn=8ca7c9064f20328fcdce86fa3c6bce6b&chksm=872c4307b05bca11ec7a403cb9ce7ff62d45dcd3c6549cd3d2b5672b7c79abee0fc1c75e90f6&scene=21#wechat_redirect