计算属性
1）在 computed 属性对象中定义计算属性的方法
2）在页面中使用{{方法名}}来显示计算的结果
样式与遍历
class 与 style 绑定
1）在应用界面中, 某个(些)元素的样式是变化的
2）class/style 绑定就是专门用来实现动态样式效果的技术
class 绑定
1）:class='xxx'
2）表达式是字符串::class="obj"
3）表达式是对象: :class="{'test-1' :a3}"
4）表达式是数组: :class="[a1,a2]"
事件
绑定监听:
1）v-on:xxx="fun"
2）@xxx="fun"
3）@xxx="fun(参数)"
4）默认事件形参: event
5）隐含属性对象: $event
事件修饰符
1）.prevent : 阻止事件的默认行为 event.preventDefault()
2）.stop : 阻止事件冒泡 event.stopPropagation()
按键修饰符
1）.keycode : 操作的是某个 keycode 值的键 @keyup.13="test"
2）.keyName : 操作的某个按键名的键(少部分) @keyup.enter="test"(常用)
组建通信
vue 组件间通信方式
1）props--父传子
2）vue 的自定义事件---子传父
3）slot（插槽）
5）vuex（跨组件传）
