vue知识点（mst）汇总（二）

6.对于MVVM的理解

MVVM 是 Model-View-ViewModel 的缩写。

Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。
　　View 代表UI 组件，它负责将数据模型转化成UI 展现出来。
　　ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。

viewmodel和model实现双向数据绑定

7.Vue的生命周期

（1）什么是vue生命周期？
　　　　 Vue实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。
　　（2）vue生命周期的作用是什么？
　　　　 它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。
　　（3）vue生命周期总共有几个阶段？
　　　　 它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后。
　　（4）第一次页面加载会触发哪几个钩子？
　　　　 会触发 下面这几个beforeCreate, created, beforeMount, mounted 。
　　（5）DOM 渲染在 哪个周期中就已经完成？
　　　　 DOM 渲染在 mounted 中就已经完成了。

8.Vue实现数据双向绑定的原理：Object.defineProperty（）
采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。

9.Vue组件间的参数传递

1.父组件与子组件传值
　　　　父组件传给子组件：子组件通过props方法接受数据;
　　　　子组件传给父组件：$emit方法传递参数
　　2.非父子组件间的数据传递，兄弟组件传值
　　　　eventBus，就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。
项目比较小时，用这个比较合适。（虽然也有不少人推荐直接用VUEX，具体来说看需求咯。技术只是手段，目的达到才是王道。）

10.Vue的路由实现：hash模式 和 history模式

hash模式：在浏览器中符号“#”，#以及#后面的字符称之为hash，用window.location.hash读取；
　　　　特点：hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页面。
　　　　　　 hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://www.xxx.com，因此对于后端来说，即使没有做到对路由的全覆盖，
也不会返回 404 错误。

history模式：history采用HTML5的新特性；且提供了两个新方法：pushState（），
replaceState（）可以对浏览器历史记录栈进行修改，以及popState事件的监听到状态变更。
　　　　　　 history 模式下，前端的 URL 必须和实际向后端发起请求的 URL 一致，如 http://www.xxx.com/items/id。
后端如果缺少对 /items/id 的路由处理，将返回 404 错误。