vue学习路线(1.vue是什么?)

49 阅读1分钟

1.vue是什么?

image.png

2.vue是谁开发的?

image.png

3.vue的特点?

3.1. 采用组件化模式,提高代码复用率,且让代码更好维护。

组件化是指,把整个页面按功能分成多个组件,组件之间互不影响,可以提高代码复用率,代码也更好维护;

3.2.声明式编码,让编码人员无需直接操作DOM,提高开发效率。

原生js是命令式编码,通过特定指令,一步步实现功能,达到最终效果。而声明式编码更加简单,只需要vue的指令即可;

image.png

3.3.使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。

原生js直接操作页面真实dom,数据改变时,会全部重新渲染,会消耗更多资源,效率比较低。vue引入虚拟dom,数据改变时,把新的虚拟dom和旧的虚拟dom进行对比,这种对比叫做diff算法,相同的dom得到复用,只改变变化的dom,提高效率;

image.png

image.png

4.学习vue之前要掌握的Javascript基础知识?

  • ES6语法规范
  • ES6模块化
  • 包管理器
  • 原型、原型链
  • 数组常用方法
  • axios
  • promise
  • ...

5.vue官网

查询vue不会的知识点可以来 官网 查询

6.vue安装

一) 直接用 <script> 引入(参考官网安装)

  • 1.本地引入(开发版本包含完整的警告和调试模式,生产版本删除了警告,体积更小)
  • 2.CDN引入

二)NPM安装(参考官网安装)

# 最新稳定版
$ npm install vue@^2

引入后,控制台输入Vue,出现Vue的构造函数即为成功。

image.png

其他:

Vue Devtools的下载和安装