站長資訊網
        最全最豐富的資訊網站

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

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

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

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

        1. 模板的理解

        我們先來理解理解什么是模板?

        模板就是動態html頁面,這里面包含了一些js語法代碼

        Vue的模板語法分為兩種,分別是:

        • 【插值語法】雙大括號表達式 (“Mustache”語法)【一個】
        • 【指令語法】指令(以v-開頭的自定義標簽屬性)【很多】

        1、插值語法:

        • 功能:用于解析標簽體內容,向頁面輸出數據
        • 寫法:{{xxx}},xxx是js表達式,且可以直接讀取到data中的所有屬性,可以調用對象的方法
        • 備注:里面寫js表達式:有返回值的js代碼,而不是js語句

        2、指令語法:

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

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 国产精品久久一区二区三区 | 国产精品久久久久影视不卡| 久久99精品国产麻豆婷婷| 国产AV午夜精品一区二区三区| 久久精品夜色噜噜亚洲A∨| 久久精品国产99国产电影网 | 欧美大片日韩精品| 国产欧美亚洲精品A| 亚洲精品无码高潮喷水在线| 精品亚洲成α人无码成α在线观看| 中文精品一卡2卡3卡4卡| 2022国产精品不卡a| 国内精品久久久久影院优| 亚洲精品成人无限看| 久久国产成人亚洲精品影院| 亚洲国产精品成| 久久99精品国产麻豆宅宅| 精品久久久久久久久中文字幕| 久久精品国产亚洲av麻豆色欲| 十八18禁国产精品www| 亚洲精品一品区二品区三品区| 少妇亚洲免费精品| 日本Aⅴ大伊香蕉精品视频| 精品亚洲一区二区三区在线播放| 国产精品亚洲高清一区二区| 国产精品久久久久久久久久免费| 国产精品99久久久久久宅男| 91亚洲国产成人久久精品| www.精品| 国产乱人伦偷精品视频| 国产亚洲曝欧美不卡精品| 精品国产呦系列在线观看免费| 国产亚洲精品自在线观看| 精品人妻系列无码人妻免费视频| 国产玖玖玖九九精品视频| 久久成人精品| 亚洲精品无码你懂的网站| 亚洲中文字幕无码久久精品1| 亚洲精品无码专区在线播放| 中文字幕精品久久久久人妻| 四虎成人精品无码|