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>
扫描二维码关注公众号，回复：
2431060 查看本文章
8.全局指令 <input v-focus> 该指令的功能是在页面加载时，元素获得焦点
9.钩子函数 见教程
5.条件判断