模板语法
初始化
new Vue({<br> el: '#app',<br> data: {
插值
文本
数据绑定用 {{...}}（双大括号）的文本插值
属性
v-bind--<div v-bind:class="{'class1': use}">
表达式 {{ ok ? 'YES' : 'NO' }}<br><br>
指令 <br> v- 前缀<br>
参数
<a v-bind:href="url">
<a v-on:click="doSomething">
修饰符 用. 指令应该以特殊方式绑定 <form v-on:submit.prevent="onSubmit"></form><br>
用户输入 v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定<br>
过滤器 | {{ message | capitalize }} filters: {<br>
缩写 <br>
v-bind 缩写 ----<a :href="url"></a>
v-on 缩写 ---v-on:click="doSomething" ---@click="doSomething"
条件语句
v-if 指令
<template v-if="ok">
v-else
<div v-else>
v-else-if
v-show --使用 v-show 指令来根据条件展示元素：
循环语句
v-for
<li v-for="site in sites">
v-for 迭代对象
<li v-for="value in object">
<li v-for="(value, key) in object">
<li v-for="(value, key, index) in object">
v-for 迭代整数
<li v-for="n in 10">
样式绑定
<div v-bind:class="{ active: isActive }"></div>
