vue2.0介绍以及网页版vue环境搭建

vue2.0介绍以及网页版vue环境搭建

• 一、原生DOM与虚拟DOM
• 二、Vue.js 是什么
• 三、安装vue
• • 1、独立版本
  • 2. 使用 CDN 方法
  • 3、NPM 方法
• 三、网页版vue环境搭建

一、原生DOM与虚拟DOM

• 首先，我们需要搞清楚两个概念，什么是原生dom，什么是虚拟dom
• 传统的开发模式
• 原生JS或JS操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。
• 在一次操作中，我需要更新10个DOM节点，浏览器收到第一个DOM请求后并不知道还有9次更新操作，因此会马上执行流程，最终执行10次。
• 虚拟DOM
• Web界面由DOM树(树的意思是数据结构)来构建，当其中一部分发生变化时，其实就是对应某个DOM节点发生了变化。
• 一次操作中有10次更新DOM的动作，虚拟DOM