VUE 常用属性

1.属性绑定   <div v-bind:class="{ active: isActive }"></div>

<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>

2.文本插入  <div v-html="message"></div>

3.事件处理 监听  <button v-on:click="reverseMessage"></button>

<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>

4.双向数据绑定    <input v-model="message">

5.条件判断 <div v-if="Math.random() > 0.5"> Sorry</div>

<div v-else> Not sorry </div>

6.根据条件展示元素 <h1 v-show="ok">Hello!</h1>

7.循环语句 <li v-for="site in sites"> {{ site.name }}</li>

8.全局指令 <input v-focus> 该指令的功能是在页面加载时，元素获得焦点

9.钩子函数 见教程

5.条件判断