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

        深入淺析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国产精品99久久| 国产三级国产精品国产普男人 | 一本色道久久综合亚洲精品| 亚洲精品午夜国产VA久久成人| 麻豆成人久久精品二区三区免费| 91大神精品全国在线观看| 三上悠亚久久精品| 精品久久人人爽天天玩人人妻 | 色欲精品国产一区二区三区AV| 真实国产乱子伦精品一区二区三区| 国产精品99久久精品| 亚洲国产精品无码一线岛国| 日本伊人精品一区二区三区| 国产产无码乱码精品久久鸭| 国产精品 视频一区 二区三区| 久久亚洲精品成人av无码网站| 国产精品一区二区久久不卡 | 国产农村妇女毛片精品久久| 日韩精品无码熟人妻视频| 男人的天堂精品国产一区| 精品久久久噜噜噜久久久 | jizz国产精品网站| 成人国内精品久久久久影院VR| 国产精品多p对白交换绿帽| 欧美亚洲精品在线| 国产精品视频第一页| 久久久国产精品| 精品熟女少妇aⅴ免费久久| 久久Av无码精品人妻系列| 久久99精品久久久久久久久久| 9999国产精品欧美久久久久久| 四虎成人精品在永久在线| 久久久WWW成人免费精品| 2018国产精华国产精品| 亚洲综合无码精品一区二区三区| 亚洲精品福利视频| 国产精品成人久久久久三级午夜电影| 日韩精品无码一区二区中文字幕| 国产天天综合永久精品日| 国内精品在线视频| 久久精品中文騷妇女内射|