站長(zhǎng)資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        深入淺析Vue中的模板語(yǔ)法:插值和指令

        本篇文章帶大家了解一下Vue中的模板語(yǔ)法,介紹一下插值語(yǔ)法、指令語(yǔ)法。有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)大家有所幫助。

        深入淺析Vue中的模板語(yǔ)法:插值和指令

        Vue有很多模板語(yǔ)法特別好用,就是在HTML中寫一些Vue定義的一些模板語(yǔ)法,可以快速的展現(xiàn)數(shù)據(jù),綁定方法等。這也就是Vue上手很快的原因之一。

        1. 模板的理解

        我們先來(lái)理解理解什么是模板?

        模板就是動(dòng)態(tài)html頁(yè)面,這里面包含了一些js語(yǔ)法代碼

        Vue的模板語(yǔ)法分為兩種,分別是:

        • 【插值語(yǔ)法】雙大括號(hào)表達(dá)式 (“Mustache”語(yǔ)法)【一個(gè)】
        • 【指令語(yǔ)法】指令(以v-開頭的自定義標(biāo)簽屬性)【很多】

        1、插值語(yǔ)法:

        • 功能:用于解析標(biāo)簽體內(nèi)容,向頁(yè)面輸出數(shù)據(jù)
        • 寫法:{{xxx}},xxx是js表達(dá)式,且可以直接讀取到data中的所有屬性,可以調(diào)用對(duì)象的方法
        • 備注:里面寫js表達(dá)式:有返回值的js代碼,而不是js語(yǔ)句

        2、指令語(yǔ)法:

        • 功能:用于解析標(biāo)簽(包括:標(biāo)簽屬性、標(biāo)簽體內(nèi)容、綁定事件…..)
        • 舉例:v-bind:href="xxx" 或 簡(jiǎn)寫為 :href="xxx",xxx同樣要寫js表達(dá)式,且可以直接讀取到data中的所有屬性
        • 備注:Vue中有很多的指令,且形式都是:v-????

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 日本一卡精品视频免费| 国产91精品在线观看| 97久久久久人妻精品专区| 久久精品国产色蜜蜜麻豆| 99精品在线播放| 亚洲第一极品精品无码久久| 国产香蕉国产精品偷在线| 精品久久久久久中文字幕| 亚洲无线观看国产精品| 久久99精品久久久久婷婷| 精品国产精品国产偷麻豆| 欧美亚洲成人精品| 久久久久女人精品毛片| 免费短视频软件精品一区二区 | 91精品成人免费国产片| 日韩精品无码一区二区三区 | 精品国产一区二区三区2021| 欧美一区二区精品| 国产精品福利在线观看| 国产精品美女久久久m| 久久香综合精品久久伊人| 一级A毛片免费观看久久精品| 久久精品亚洲精品国产色婷| 亚洲国产精品人人做人人爱| 久久噜噜久久久精品66| 国自产精品手机在线观看视频| 国产99视频精品专区| 亚洲国产精品自在在线观看| 精品国产91久久久久久久| 97精品国产91久久久久久| 国产精品污WWW在线观看| 日韩精品无码熟人妻视频| 亚洲韩国精品无码一区二区三区 | 免费人成在线观看欧美精品| 久久se这里只有精品| 精品欧美一区二区在线看片| 国产亚洲精品高清在线| 国产在线观看一区二区三区精品| 国内精品久久久久久麻豆| 精品久久久久久国产三级 | 69堂午夜精品视频在线|