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没有渲染出来,这个钩子函数里面可以做一些异步的操作,并且在这个钩子函数里面更改数据不会影响到运行时钩子函数。

原文地址:https://www.cnblogs.com/1156063074hp/p/11832974.html