Xmind鸟瞰图：

简单文字总结：

vue知识总结：
vue的优点：
    1.体积小
    2.更高的运行效率
    3.双向数据绑定
    4.生态丰富，学习成本低

vue指令：
    1.指令：带有v-前缀的特殊属性 
    2.v-text：改变标签的文本
    3.v-html：改变html标签，用来接收富文本
    4.v-cloak：防止差值表达式出现
    5.v-pre：跳过编译过程，直接展示原始标签
    6.v-once:只渲染元素和组件一次

v-model基本使用：
    1.v-model的数据双向绑定
    2.视图发生变化，数据也跟着变化 

事件的基本使用：
    1.简写形式  v-on可以简写为@
    2.当不传递参数的时候加不加括号都一样 
    3.传递参数时必须加括号

事件修饰符：
    1.stop:阻止事件冒泡
    2.prevent:阻止默认行为
    3.capture:事件捕获
    4.修饰符可以串联使用

按键修饰符：
    1.enter：回车键
    2.tab：Tab 键
    3.delete（捕获“Delete”和“Backspace”键）：删除键和退格键
    4.esc：Escape 键
    5.space：空格键
    6.up、.down、.left、.right：箭头键

详细Xmind原文档，在文章顶部自取下载！