为什么用 Vue.js


vue解决什么问题的
单页应用程序直接用vue.js写页面而不用jQuery
Vue.js借鉴了Angular以及React的核心思想 站在巨人的肩膀上成熟完善

为什么要用vue,用jQuery不一样么,不需要频繁的操作真实的dom元素
单件面应用,轻量级框架,页面局部刷新 数据双向绑定的,
Vue.js让基于网页的前端应用程序开发方便,Vue.js声明式响应式的数据绑定,组件化的开发
vue.js自动对页面中某些数据的变化做出响应
组件化开发
Vue.js通过组件把单页应用中的各种模块拆分到单独的组件component
先在父级应用中写好各种组件标签占坑,在组件标签中写好要传入组件的参数,就像给函数传入参数一样叫做组件的属性
再分别写好各种组件的实现填坑 整个应用就算做完了
Virtual DOM
预先通过JavaScript进行计算 DOM操作计算出来并优化
由于这个DOM操作属于预处理操作并没有真实的操作DOM 叫做虚拟DOM
最后在计算完毕才真正将DOM操作提交 将DOM操作变化反映到DOM树上
浏览器不要不停的渲染新的DOM树
Vue.js到Webpack
Webpack是前端打包工具,把小文件全部打包成一个文件
只一次TCP握手和挥手过程,下载多个资源,共享一个HTTP请求
网页展现更快 用户体验更好
Webpack的Loader自动载入转换器来将ECMAScript6转换成
浏览器能支持的老版本JavaScript语言 转换器的名字叫做babel
Webpack通过安装各种插件来扩展 如热加载技术 就是解放键盘的F5键
修改代码 并且按Ctrl+S保存之后 浏览器页面自动刷新变化不需要手动刷新
插件自动添加注释 给CSS代码加上浏览器内核对CSS3兼容前缀,就像webkit-xxx之类的一样
NPM和Node.js
Node.js是个服务端的JavaScript运行环境,通过Node.js可以实现用JavaScript写独立程序
Webpack就是Node.js写的,很多前端工具都是使用Node.js写的
能够运行在操作系统上的能够具有像PHP,JAVA之类的
NPM是node.js的包管理器
NPM就和PHP里面的Composer差不多,和CentOS下的yum和Ubuntu下的apt-get差不多
Vue-CLi
vue.js的脚手架工具,自动生成好项目目录,配置好Webpack 以及各种依赖包的工具
npm install vue-cli -g
-g表示全局安装,意味着打开命令行之后直接通过vue命令调用它
项目交互非常多,前后端都开发,前后端分离学Vue.js
Vuex和Vue-route
Vuex是vue的一个状态管理器,用于集中管理一个单页应用程序中的各种状态
Vue-route是vue的一个前端路由器,管理请求入口和页面映射关系的东西
它可以实现对页面局部进行无刷新的替换,让用户感觉就像切换到了网页一样
Vue-resource和Axios
单页应用程序属于前后端分离开发,单页应用程序中的数据通过ajax的方式获取
也要通过ajax的方式提交到后端,通过xmlhttprequest手动操作
或通过JQuery的ajax方法来进行数据提交获取
vue.js本身没有封装ajax操作库,要通过Vue-resource和Axios来进行ajax操作
vue.js 已经将axios作为官方推荐的ajax库