v-html

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

此時(shí)需要 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標(biāo)簽綁定進(jìn)了html頁面,接下來是要賦予html頁面間元素屬性了. // href屬性 <div id = "app"><a v-bind:href="link">百度官網(wǎng)</a> </div> <script>let app = new Vue({el:'#app',data:{link:'https://www.baidu.com'}}) </script>// ps: v-bind:href="link"實(shí)際上等價(jià)于: href = link, link = "https://www.baidu.com"

// 上文v-bind可以簡寫為 : <div id = "app"><a :href="link">百度官網(wǎng)</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

總結(jié)

以上是生活随笔為你收集整理的vue --- v-html、v-bind的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。