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

        深入淺析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號
        主站蜘蛛池模板: 国产亚洲精品成人a v小说| 久久99精品久久久久久噜噜 | 91精品在线看| 天天爽夜夜爽夜夜爽精品视频| 亚洲综合一区二区国产精品| 国产精品午睡沙发系列| 在线成人精品国产区免费| 久久久久亚洲精品男人的天堂| 99久久国产综合精品成人影院| 国产精品日本一区二区在线播放| 亚洲а∨天堂久久精品9966| 国产精品网址在线观看你懂的| 91精品无码久久久久久五月天| 国产亚洲福利精品一区| heyzo高无码国产精品| 无码精品久久久天天影视| 亚洲欧美日韩精品久久亚洲区| 欧美精品黑人粗大| 久久精品视屏| 欧美精品一区二区三区免费观看| 国产精品区AV一区二区| 国产99久久久国产精品~~牛| 久久精品国产亚洲综合色| 91精品最新国内在线播放| 97久久久精品综合88久久| 欧美精品亚洲精品日韩传电影| 亚洲精品字幕在线观看| 伊人 久久 精品| 亚洲AV永久无码精品一区二区国产| 麻豆国内精品久久久久久| 精品视频一区二区三区四区五区| 国产一区二区三区欧美精品| 国产福利电影一区二区三区,亚洲国模精品一区 | 亚洲国产精品一区二区久久hs| 亚洲一区精品伊人久久伊人| 亚洲综合国产精品第一页 | 久久精品国产99久久丝袜| 久久国产成人亚洲精品影院 | 无码人妻精品一区二区三区夜夜嗨 | 亚洲国产精品不卡在线电影| 久久精品国内一区二区三区|