真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vue插值的操作方法有哪些

今天小編給大家分享一下vue插值的操作方法有哪些的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

從2013年開(kāi)始創(chuàng)新互聯(lián)公司專(zhuān)注于”幫助中小企業(yè)+互聯(lián)網(wǎng)”, 也是目前成都地區(qū)具有實(shí)力的互聯(lián)網(wǎng)服務(wù)商。團(tuán)隊(duì)致力于為企業(yè)提供--站式網(wǎng)站建設(shè)、移動(dòng)端應(yīng)用( H5手機(jī)營(yíng)銷(xiāo)、App定制開(kāi)發(fā)、微信開(kāi)發(fā))、軟件開(kāi)發(fā)、信息化解決方案等服務(wù)。

vue插值操作有：1、使用Mustache語(yǔ)法，語(yǔ)法“{{值}}”；2、使用v-once指令；3、使用v-html指令，可輸出html代碼；4、使用v-text指令，用于將數(shù)據(jù)顯示在界面中；5、使用v-pre指令；6、用v-cloak指令。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

Vue中的6種插值操作

第一種：Mustache

Mustache語(yǔ)法(也就是雙大括號(hào))。
Mustache: 胡子/胡須。（胡子語(yǔ)法）

數(shù)據(jù)是響應(yīng)式的

vue插值的操作方法有哪些





    
    
    Document
    



    
        {{message}},world!
        {{counter * 2}}
        {{message}} {{counter}}

第二種：v-once

該指令后面不需要跟任何表達(dá)式(比如之前的v-for后面是由跟表達(dá)式的)
該指令表示元素和組件只渲染一次，不會(huì)隨著數(shù)據(jù)的改變而改變。

vue插值的操作方法有哪些





    
    
    Document
    



    
        {{message}}
        {{message}}

第三種：v-html

從服務(wù)器請(qǐng)求到的數(shù)據(jù)本身就是一個(gè)HTML代碼

該指令后面往往會(huì)跟上一個(gè)string類(lèi)型，會(huì)將string的html解析出來(lái)并且進(jìn)行渲染

vue插值的操作方法有哪些





    
    
    Document
    



    
        {{link}}
        {{link}}

第四種：v-text

v-text作用和Mustache比較相似：都是用于將數(shù)據(jù)顯示在界面中

v-text通常情況下，接受一個(gè)string類(lèi)型

Document

第五種：v-pre

v-pre用于跳過(guò)這個(gè)元素和它子元素的編譯過(guò)程，用于顯示原本的Mustache語(yǔ)法。

Document

第六種：v-cloak

可能會(huì)直接顯然出未編譯的Mustache標(biāo)簽

cloak: 斗篷

Document

Hello,{{name}}

以上就是“vue插值的操作方法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

http://weahome.cn/article/phocjg.html