Vue.js知识点

零：Web前端开发概述

1：MVVM模式

MVVM（Model-View-ViewModel）模式包括3个核心部分。

• Model（模型)：由核心的业务逻辑产生的数据对象，例如从数据库取出并做特定处理后得到的数据。
• View（视图）:即用户界面。
• ViewModel（视图模型）：用于链接匹配模型和视图的专用模型。

2：Vue.js的核心思想——数据的双向绑定

• View和Model之间不直接沟通，而是通过ViewModel这个桥梁进行交互。通过ViewModel这个桥梁，可实现View和Model之间的自动双向同步。
• 当用户操作View时，ViewModel会感知到View的变化，然后通知Model发送同步改变；反之，当Model发送改变时，ViewModel也能感知到Model的变化，从而使View做出相应更新

3：命令行窗口常用内部命令

• dir：显示一个目录中的文件列表。
• cd：进入一个目录。
• md：创建一个目录。

C:\>dir //显示当前目录中的所有文件
C:\>cd my-files //进入当前目录下的my-files目录
C:\md new-files //在当前目录下创建一个名为new-files的子目录

4：CDN-content delivery network

• 所谓CDN，是指内容分发网络。
• 通过构建分布式的内容分发网络，用户可以就近获取所需内容，这样就可以提高用户访问的响应速度和命中率。

5：常用的钩子函数（P26）

• beforeCreate（）：在实例创建之前调用。
• created（）：在实例创建之后调用，此时尚未开始DOM编译。
• beforeMounted（）：在挂载开始之前调用。
• mounted（）：在实例被挂载后调用，此时页面的相关DOM节点已被新创建的vm.$el替换。它相当于JavaScript中的window.onload()方法。
• beforeUpdate（）：每次页面中有元素需要更新时，在更新前就会调用beforeUpdate（）钩子函数。
• updated（）:每次页面中有元素需要更新时，在更新完之后就会调用updated（）钩子函数。
• beforeDestory（）：在销毁实例前调用，此时实例仍然有效。
• destoryed（）：在实例被销毁之后调用。

---

一：Vue.js开发基础

---

二：计算属性与侦听器

---

三：结构渲染

---

四：控制页面的CSS样式

---

五：事件处理

---

六：表单绑定

---

七：单文件组件

---

八：组件基础

---

七：AJAX与Axios

---

八：路由VueRouter

---

九：状态管理