Vue 基础大纲

一. 内部指令

1. v-if v-else v-show

   • v-if： 是否加载，可以减轻服务器的压力，在需要时加载。
   • v-show：调整dispaly属性，可以使客户端操作更加流畅。

2. v-for指令 ：解决模板循环问题

3. v-text & v-html

4. v-on：绑定事件监听器

5. v-model、v-bind指令

   • v-model： 双向绑定、多用于表单元素。
   • v-bind：数据绑定，无双向效果、可用于任何元素。
   • v-model修饰符
     .lazy：取代 imput 监听 change 事件。
     .number：输入字符串转为数字。
     .trim：输入去掉首尾空格。

6. v-pre & v-cloak & v-once

二. 全局Api

1. Vue.directive 自定义指令
2. Vue.extend构造器的延伸
3. Vue.set全局操作
4. Vue的生命周期（钩子函数）
   
5. Vue.component 系列

三. 选项

1. propsData 全局扩展的数据传递
2. computed 选项
3. Methods 选项
4. Watch 选项 监控数据
5. Mixins 混入选项操作
6. Extends 扩展选项

四. 实例和内置组件

1. 实例属性
2. 实例方法
3. 实例事件
4. 内置组件