vscode 初始化HTML结构
第一行输入！ 然后将光标移动到！后 按下tab键
当前目录 ./
input 标签 value属性：按钮显示 title属性 ：点击时显示的信息
{{ }} 插值表达式，去data里的某个元素值
v-cloak 用来解决闪烁问题 v-text 没有闪烁问题，且会覆盖标签原本内容 v-html
v-bind: 绑定data里的属性值 简写方式 ：（英文冒号）
v-on 事件绑定机制 缩写@ click点击事件 mouseover覆盖事件（鼠标移到上时触发） 属性值是data.methods
v-model 双向数据绑定 只能用于表单元素中（input，select，checkbox，textarea）
在vm中如果想要获取data中的数据或条用methods中的方法，必须通过 this.属性名 或this.方法名 来访问 ，
this 表示new出来的vm实例对象
事件修饰符：
-
.stop 阻止冒泡
-
.prevent 阻止默认事件
-
.capture 添加事件侦听器时使用事件捕获模式
-
.self 只当事件在该元素本身（比如不是子元素）触发时触发回调 只会阻止自己
-
.once 事件只触发一次
### 使用class样式
1. 数组
```
<h1 :class="['red', 'thin']">这是一个邪恶的H1</h1>
```
2. 数组中使用三元表达式
```
<h1 :class="['red', 'thin', isactive?'active':'']">这是一个邪恶的H1</h1>
```
3. 数组中嵌套对象
```
<h1 :class="['red', 'thin', {'active': isactive}]">这是一个邪恶的H1</h1>
```
4. 直接使用对象
```
<h1 :class="{red:true, italic:true, active:true, thin:true}">这是一个邪恶的H1</h1>
```
