vue2基础理论

vue2基础理论

1. 核心
   Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，核心思想是：数据驱动、组件系统
   MVVM
   这里MVVM指的是Model，view，viewModel
   M：模型在Vue中可以看做数据
   V：视图，用户在屏幕上看到的结构、布局和外观（UI）
   VM：视图模型可以当作控制器来看
   
   组件化
   组件可以扩展 HTML 元素，封装可重用的代码。允许我们使用小型、自包含和通常可复用的组件构建大型应用

   运行原理
   将viewmodel看作控制器，
   当V变化时VM监听到修改M，
   当M变化时VM监听到修改V。

   虚拟DOM

   DOM是文档对象模型（Document Object Model），个人觉得是一种对于 在浏览器运行的HTML文件的解析出来的一个API文档。

   虚拟 DOM 是同样操作 DOM，不过是把 DOM 树抽象成数据对象。

   虚拟DOM与DOM的区别

• 虚拟DOM不会进行造成排版与重绘操作；
  虚拟DOM进行频繁修改，然后一次性比较并修改真实DOM中需要改的部分（DIFF算法），最后并在真实DOM中进行排版与重绘，减少过多DOM节点排版与重绘损耗；
  真实DOM频繁排版与重绘的效率是相当低的；
  虚拟DOM有效降低大面积（真实DOM节点）的重绘与排版，因为最终与真实DOM比较差异，可以只渲染局部使用虚拟DOM的损耗计算；*

  详细讲解虚拟DOM
  https://www.136.la/jingpin/show-40761.html

2. 安装
   下载node.js（不要装在C盘）
   Windows+r，输入命令
   输入node -v查看node.js版本号，出现则安装成功
   检查npm是否安装 npm –v
   替换npm路径

npm config set registry https://registry.npm.taobao.org

	安装vue-cli

npm i -g @vue/cli

	搭建项目
	
	vue create 项目名称
	在项目的目录打开CMD
	安装axion
	安装vue-router

npm install axios - S

npm install vue-router

3. 目录
   
4. 生命周期