携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第21天
一、vue 常用的修饰符
.prevent: 提交事件不再重载页面
.stop: 阻止单击事件冒泡
.self: 当事件发生在该元素本身而不是子元素的时候会触发
.capture: 事件侦听，事件发生的时候会调用
二、Vue 常用的指令
1.v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model）
2.v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat),
需要注意从 vue2 开始取消了$index
3.v-show 显示内容 （同 angular 中的 ng-show）
4.v-hide 隐藏内容（同 angular 中的 ng-hide）
5.v-if 显示与隐藏 （dom 元素的删除添加 同 angular 中的 ng-if 默认值为 false）
6.v-else-if 必须和 v-if 连用
7.v-else 必须和 v-if 连用 不能单独使用 否则报错 模板编译错误
8.v-bind 动态绑定 作用：及时对页面的数据进行更改
9.v-on:click 给标签绑定函数，可以缩写为@，例如绑定一个点击函数 函数必须写在 methods里面
10.v-text 解析文本
11.v-html 解析 html 标签
12.v-bind:class 三种绑定方法
1）对象型 '{red:isred}'
2）三元型 'isred?"red":"blue"'
3）数组型
13.v-once 进入页面时 只渲染一次 不在进行渲染
14.v-cloak 防止闪烁
15.v-pre 把标签内部的元素原位输出
三、什么是 Vue 的计算属性
在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能多次使用的情况下，尽量采取计算属性的方式，好处：使得数据处理结构清晰；
1.依赖于数据，数据更新，处理结果自动更新；
2.计算属性内部 this 指向 vm 实例；
3.在 template 调用时，直接写计算属性名即可；
4.常用的是 getter 方法，获取数据，也可以使用 set 方法改变数据；
5.相较于 methods，不管依赖的数据变不变，methods 都会重新计算，但是依赖数据不变的时候 computed 从缓存中获取，不会重新计算
