VUE语法入门

模板语法

插值

语法：{ {单个表达式}}

双大括号中的表达式会被解释为普通文本，无法解析html。无法作用于attribute。仅支持js单个表达式解析。

指令

• v-bind：attribute 可把dom元素的属性绑定至某一个变量

<a v-bind:href="url">...</a>

• v-on：eventname 用于监听某一事件

<a v-on:click="doSomething">...</a>

• v-if，v-else，v-else-if。通常搭配template标签使用。
• v-show（仅修改元素的display属性）不可作用于template标签。
• v-for迭代器 （v-for优先级高于v-if）

数组：两个参数，item为迭代项，index为迭代项的索引（可选参数）。

<ul id="example-2">
  <li v-for="(item, index) in items">
    {
  { parentMessage }} - {
  { index }} - {
  { item.message }}
  </li>
</ul>

<