国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

Vue.js插值

2024-04-27 15:07:29
字體:
來源:轉載
供稿:網友

vue.js在插入數值的時候有三種方式

1、插入純文本

插入純文本是最簡單的方式,使用雙大括號就能插入想要的值。

<span>{{ msg }}</span>

mustache也可以在屬性中使用

<div id="item-{{ id }}"></div>

就能顯示所需要顯示的文本信息了。但是有時候,我們想要插入的html文本,這時候要怎么辦呢?在插入html的時候有兩種方式,一種是用三個大括號的形式,這種是在vue.js 1.x 版本時候使用較多,但是在vue.js 2.x 的時候,插入純文本的時候開始使用v-html的形式。

2、插入html

<span>{{{ msg }}}</span> // vue.js 1.x 版本<div v-html="msg"></div> // vue.js 2.x版本

被插入的內容都會被當做 HTML —— 數據綁定會被忽略。注意,你不能使用 v-html 來復合局部模板,因為 Vue 不是基于字符串的模板引擎。組件更適合擔任 UI 重用與復合的基本單元。此外不建議將用戶輸入的值直接作為html顯示,這樣有可能會造成XSS攻擊。對用用戶輸入顯示的值一定要做必要的過濾之后才能真正顯示。

3、屬性

對于雙大括號,不能在html屬性中使用,對于屬性,使用v-bind 來綁定數據。

<div v-bind:id="dynamicId"></div><div :id="dynamicId"></div> // 簡寫形式
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 通州区| 临漳县| 疏附县| 贺州市| 涪陵区| 乐清市| 密云县| 湘乡市| 铁力市| 星子县| 万州区| 和顺县| 龙岩市| 建平县| 突泉县| 阿巴嘎旗| 石楼县| 天水市| 桑日县| 海盐县| 靖西县| 陆良县| 高邑县| 枞阳县| 沙洋县| 嘉鱼县| 屯门区| 旬邑县| 宣武区| 漠河县| 同江市| 汾西县| 三河市| 阿荣旗| 嘉禾县| 天津市| 松江区| 和平县| 建水县| 阳新县| 临泽县|