Vue基础 - 模板语法

模板语法

分类

1. 插值语法

   • 功能：用于解析标签体内容
   • 写法：{{XXX}},XXX写的是Js表达式，且XXX可以自动读取到data中的所有属性

2. 指令语法

   • 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件）
   • 举例

     <a v-bind:href="xxx"></a>
     <!--等价于-->
     <a :href="xxx"></a>
     <!--
         xxx写js表达式，且可以读取data中的所有属性
         Vue将xxx当成js表达式执行
         -->
     

3. 代码实例

<<< @/md/vue/code/vue_basic/02_Vue模板语法/模板语法.html