vue-渐进式javascript框架
vue介绍
Vue是一个前端js框架,由尤雨溪开发,是个人项目 目前由饿了么ude团队进行维护。
Vue近几年来特别的受关注,三年前的时候angularJS霸占前端JS框架市场很长时间,接着react框架横空出世,因为它有一个特性是虚拟DOM,从性能上碾轧angularJS,这个时候,vue1.0悄悄的问世了,它的优雅,轻便也吸引了一部分用户,开始收到关注,16年中旬,VUE2.0问世,这个时候vue不管从性能上,还是从成本上都隐隐超过了react,火的一塌糊涂,这个时候,angular开发团队也开发了angular2.0版本,并且更名为angular,吸收了react、vue的优点,加上angular本身的特点,也吸引到很多用户,目前已经迭代到6.0了。
学习vue是现在前端开发者必须的一个技能。
前端js框架到底在干嘛,为什么要用
js框架帮助开发者写js逻辑代码,在开发应用的时候js的功能划分为如下几点:
1. 渲染数据
2. 操作dom(写一些效果)
3. 操作cookie等存储机制api
在前端开发中,如何高效的操作dom、渲染数据是一个前端工程师需要考虑的问题,而且当数据量大,流向较乱的时候,如何正确使用数据,操作数据也是一个问题
而js框架对上述的几个问题都有自己趋于完美的解决方案,开发成本降低。高性能高效率。唯一的缺点就是需要使用一定的成本来学习。
对vue渐进式框架的理解
渐进式框架主张较弱,用到什么功能,只需要引入什么功能即可
vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进dom的系统,实现声明式渲染,并没有引入其他的插件,用到什么功能,只需要引入什么功能即可。
在声明式渲染的基础上,可以通过添加组件系统components,客户端路由vue-router,全局状态管理vuex来构建一个完整的项目。
vue可以在任意其他类型的项目中使用,使用成本低,更灵活,主张较弱,vue的项目也可以融汇其他技术来开发,并且因为vue的生态系统特别庞大,可以找到的基本所有类型的工具都可以在vue项目中使用。
vue优点
1.简单易用,只要会css,html,js是很容易学习vue的
2.灵活渐进式,即用到什么功能,再引入什么功能即可
3.轻量高效,虚拟dom
vue缺点
vue不支持IE8及以下的版本,因为vue使用了IE8无法模拟的ES5的特性,但它支持所有兼容ES5的浏览器。
vue在创建实例的时候,会将数据配置在实例当中,然后通过object.defineProperty对数据进行操作,这个方法就是es5提供的,IE6,7,8不支持,所以IE6,7,8不能使用vuejs框架。
vue全家桶主要包括
1.项目构建工具vue-cli
2.http请求工具vue-resource(axios)
3.路由vue-router
4.状态管理vuex
vue是vue.js库,可通过标签引入。
有开发版本和生产版本
开发版本vue.js包含完整的警告和调试,一般在开发项目的时候引入
生产版本vue.min.js删除了警告,一般在开发完成上线的时候使用
vue提供了一个官方的cli(命令行工具),可以帮我们快速的搭建基于webpack的开发环境,为单页面应用spa
快速搭建繁杂的脚手架。
单页面应用spa
传统项目大多使用多页面结构,当切换页面的时候,会受网络,性能的影响会出现不定时的空白界面,用户体验不好。
单页面应用就是整个项目只有一个页面,然后通过检测地址栏的变化将对应的路由组件进行切换。
单页面应用的优点
1.用户体验好,内容的改变不需要重新加载整个页面,只是切换不同的组件。
2.单页面应用对于服务器压力较小。
3.前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理。
单页面应用的缺点
1.为实现单页面应用,需要在加载页面时将js,css统一加载,造成初次加载耗时多。
2.由于是单页面应用,在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能,前进后退都是由路由来管理。
vue实例
每一个应用都有一个根实例,在根实例里我们通过组件嵌套来实现大型的应用,也就是说,组件不一定是必须的,但实例是必须要有的。
在实例化实例的时候,我们可以传入一个配置项,在配置项中设置很多属性方法可以实现复杂的功能。
在配置项中可以设置el属性,el属性代表的是此实例的作用范围。
在配置项中设置data属性来为实例绑定数据。
输出helloworld
//声明式渲染:声明一条数据,然后用特殊的模板语法进行渲染{{msg}}//引入开发版本
运行结果如下:
标签:
相关文章
-
无相关信息