站長(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)
        主站蜘蛛池模板: 久久精品国产亚洲AV嫖农村妇女| 国产精品jizz视频| 人妻精品久久无码区| 国产精品一级AV在线播放| 国产精品久久影院| 欧美精品v国产精品v日韩精品| 欧美日韩国产中文精品字幕自在自线| 国产精品一香蕉国产线看观看| 国产一区二区精品久久| 欧美精品福利在线视频| 欧美久久精品一级c片片| 国产成人精品日本亚洲| 亚洲一区精品伊人久久伊人 | 四虎国产精品成人| 国内精品久久久久久久久电影网| 国产精品一在线观看| 精品爆乳一区二区三区无码av| 在线精品自拍无码| 日韩蜜芽精品视频在线观看| 精品国产青草久久久久福利| 国产成人1024精品免费| 亚洲综合精品一二三区在线| 国产精品视频网| 2022国内精品免费福利视频| 国产精品区免费视频 | 日韩亚洲精品福利| 精品国偷自产在线视频| 99精品国产一区二区| 欧美+亚洲+精品+三区| 久久国产午夜精品一区二区三区| 亚洲国产欧美日韩精品一区二区三区 | 精品无码久久久久久久动漫| 99在线观看视频免费精品9| 久久精品成人国产午夜| 精品久久久久久| 久久99精品国产99久久6男男| 99久久这里只有精品| 久久精品中文字幕久久| 91精品日韩人妻无码久久不卡 | 精品伦精品一区二区三区视频| 久久精品国产精品亚洲艾草网美妙|