vue优缺点

vue简介

官网:https://cn.vuejs.org/

目的:简单.快速开发

1.vue优缺点

• 优点

  • 易用

  已经会了 HTML、CSS、JavaScript？
  

  • 灵活

  1.拥有不断繁荣的生态系统(vue route, vuex,vue服务端渲染)
  2.可以使用一个库或者一个框架进行开发
  

  • 高效

  1.运行大小20kB,
  

  超快虚拟 DOM
  浏览器解析页面步骤                         :  
  	1.解析HTML,生成HTML树,
  	2.解析css,生成样式树,
  	3.HTML和css结合,
  	4.生成坐标点
  	5.开始渲染页面
  	
  举个栗子:
  	如果有一个元素需要修改,浏览器执行一次以上5个步骤,如果有10个元素需要修改,此时浏览器需要执行以上10次5个步骤.
  	
  虚拟dom(virtual dom)
  虚拟dom存在于内存当中,可以把它理解为一个Object(对象)
  如果有需要修改的元素,把它放在虚拟DOM中进行修改,修改完成之后,虚拟DOM会自动的跟真实的DOM进行对比,将产生差异的部分,进行页面的渲染.
  
  
  如果渲染页面时,采用了vue,
  如果需要修改10个元素,统一放在虚拟DOM中进行执行修改,修改完成之后,将虚拟DOM和真实DOM进行对比,产生差异的部分,统一再次进行页面的渲染.这样的执行只需执行以上1次五个步骤.
  
  优势:
  	1.高效.
  	2.浏览器只需执行一次修改.
  	3.js解析js比浏览器解析js快的多.
  
  

  最省心的优化
  1.transform:对元素进行2D或者3D转换,在写样式时,需要在前边增加各种前缀:-webkit -moz -o -ms,如果使用了vue,既不需要在前边那些前缀了/.vue中做了集成的优化.
  2.之前在js中操作元素:  先获取 加事件 在操作
   如果你是用vue,直接操作数据即可.
  

  • 渐进式javascript框架

渐进式javascript框架(主张少)
自底向上逐层应用

					装修
新房		直接装修(即可注入)==============主张少
二手房		如果你想直接入住,只能按照原二手房的情况进行(强主张)
		  如果你想按照自己的设计风格进行装修,再入住,需要拆掉,重新装修/.

• • SPA(single page application)单页面应用

普通页面之间跳转: 就是真实的页面之间进行跳转(N.html)
单页面之间跳转:  始终只有一个页面(index.html)


优点:
	1.用户体验好.
	2.适合前后端分离
缺点:
	1.不利于SEO优化.
	2.首屏加载速度慢.加载时,将所有的css,js文件进行加载.

• 缺点

1.不利于SEO优化.
2.首屏加载速度慢.加载时,将所有的css,js文件进行加载.
3.不支持IE678

• 核心

数据驱动
组件化应用