本文小編為大家詳細介紹“vue中的模板語法是什么”，內容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“vue中的模板語法是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網綜合服務，包含不限于網站建設、網站制作、城口網絡推廣、微信小程序開發(fā)、城口網絡營銷、城口企業(yè)策劃、城口品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供城口建站搭建服務，24小時服務熱線：13518219792，官方網址：www.cdcxhl.com

一、模板語法

模板語法分為插值語法和指令語法兩種。

1.插值語法

插值語法是用兩個大括號來表示的，用于解釋標簽體內容，{{xxx}}里面的xxx必須要是js表達式，xxx就可以在被解析后去自動讀取實例中定義的屬性了。（學習視頻分享：vuejs教程）

· 標簽體：<>這個位置就是標簽體<>，舉個栗子

插值語法
 [插值語法就是標簽體]
Hello,{{name}}
 [Hello,{{name}}就是標簽體 ]

· js表達式：可以產生一個值的，舉幾個例子就明白了

• name

• 1+1

• ok ? 'YES' : 'NO'

· js代碼（語句）是一種特殊的js代碼，會產生一個值 js代碼（語句）：舉幾個比較常見的例子

• if(){}

• for(){}

2.指令語法

指令語法以v-開頭，你應該不會陌生，包括v-for、v-on、v-bind......

它的作用是解析標簽（包括標簽屬性，標簽體內容，綁定事件），功能就非常強大了，我們這里舉個v-bind的使用案例，它是用來綁定屬性的，v-on則是用于綁定事件：

            
插值語法
            
Hello,{{name}}
            
指令語法
            點我點我！
            
                {{index+1}}. {{item.toUpperCase() }}