vue知识点汇总

一、学习vue必须了解的几个知识点

 1、node.js介绍

node是一个让JavaScript运行在服务端的开发平台，使用JavaScript也可以开发后台服务。说明白些它仅仅是一个平台，我们使用vue开发必须要安装node.js。

 2、npm 介绍

npm是node.js官方提供的包管理工具，他已经成了Node.js包的标准发布平台，用于Node.js包的发布、传播、依赖控制。npm提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。我们可以直接使用npm命令下载我们所需要的jar包。

 3、vue_cli 介绍

Vue提供了一个官方的CLI,我们就叫它为脚手架。它为现代前端工作流提供了batteries-included的构建设置，只需要几分钟的时间就可以运行起来并带有热重载、保存时lint效验，以及生产环境可用的构建版本。简单的说，就是我们使用vue-cli可以快速构建一个完整的vue项目，直接可以运行的vue本地项目，我们在此基础上直接开发我们所需要的功能和代码即可。

 4、webpack

一个项目打包工具。

二、安装

 1、兼容性

Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript 5特性。但它支持所有兼容es5的浏览器。

2、npm安装步骤

点击查看

三、介绍

1、Vue核心思想

数据驱动、组件化

2、Vue通过MVVM的数据绑定实现自动同步

m->model 数据层、v->view 视图层、vm->viewmodel 控制层，自动更新，渲染视图，双向绑定。

优点：实现了修改数据和模板自动渲染，解放了开发者，只需要关注view和model,不用手动的操作DOM,效率和性能提高，低耦合度，独立开发，可复用性高。

3、mvvm和mvc的区别

mvc和mvvm其实区别并不大。都是一种设计思想。主要就是mvc中Controller演变成mvvm中的viewModel。mvvm主要解决了mvc中大量的DOM操作使页面渲染性能降低，加载速度变慢，影响用户体验以及当Model频繁发生变化，开发者需要主动更新到View。

4、vue的生命周期

初始化：

beforeCreate:一般没什么用，数据没挂载，DOM没有渲染出来

created:数据已经挂载，但是DOM没有渲染出来，这个钩子函数里面可以做一些异步的操作，并且在这个钩子函数里面更改数据不会影响到运行时钩子函数。