资讯专栏INFORMATION COLUMN

Vue学习日记(一)——Vue介绍

王晗 / 1459人阅读

摘要:的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。的目标是通过尽可能简单的实现响应的数据绑定和组合的视图组件。并不是框架,只是和他旁边的生态环境组成了一个框架,下面,贴一个官方的渐进式框架介绍图吧,方便理解。

前言

本人学习了一段时间的vue,并尝试写了一些小Demo之后,将vue投入了几个项目之后,一直在边学习边使用,经过看了vue,vuex,vue-router的官方文档和慕课网上的一些实战视频之后,深有体会,故此写下这些文章。

前端框架比较

其实的话,前端有很多的框架,很多初学前端的人可能没有接触到框架,以为框架是很高大上的东西,就我个人而言,我是听从师姐的学习路线开始学习前端的,一开始的时候接触的就是html,css,js这些基本语言,对于框架,一直是觉得很高大上的东西。后来,经过长时间的与框架打交道之后,也明白了,基础对于前端开发者是很重要的,框架也就只是将你会复用的代码进行包装起来方便你的使用,最重要的还是基础。

目前前端开发有很多的框架在市面上,其实说是框架,如果从C语言java语言那些语言来说,也就是库,一些封装好的东西,告诉你用法,就可以简单的实现一个简单的项目了。如果想更加了解前端框架,建议可以百度百度,或者看这篇知乎讨论,点击里面的文章看看,引用一下这里的一张图片展示一下目前的前端框架。

是的这只是部分前端框架,就我个人觉得,目前前端框架的三大巨头也就只是
vue,react,angular(顺序与排名无关)。

各个框架都有自己擅长的一方面:

vue擅长单页面多路由的开发

react适合多页面,手机app还有一些大型的开发

angular系统比较完善,适合快速搭建产品的原型

但是也各有各的劣势:

vue并不特别适合多页面的开发

react在单页面开发性能并不比vue好,因为vue比较轻便

angular不适合程序员去自我发挥很多,因为其基本配置好饿了很多东西

当然,以上也都只是个人的见解而已,有错误还望包涵指正,关于他们的社区,就不多做介绍了,三大框架社区都比较完善。

Vue的优势

Vue.js是一个轻巧、高性能、可组件化的MVVM库,如果你不懂什么是mvvm模式可以看一下这篇文章个人觉得比较容易理解,同时拥有非常容易上手的API;

Vue.js是一个构建数据驱动的Web界面的库。

Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。

Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。

另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

简单的说,Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统

Vue.js的特性如下:

轻量级的框架

双向数据绑定

指令

插件化

Vue渐进式框架
为什么说vue是渐进式框架呢?

其实vue的官方首页就说了,vue,渐进式JavaScript 框架

其实严格的说,vue并不是一个框架,他只是一个库,和jq一样,可以操作dom的库,不同的是vue操作的是虚拟dom,至于什么是虚拟dom我会在下篇文章继续介绍。

vue并不是框架,只是和他旁边的生态环境组成了一个框架,下面,贴一个官方的渐进式框架介绍图吧,方便理解。

正如上图解释,一个vue渐进式框架就是由

声明式渲染vue.js

组件系统element-ui(也可以用bootstrap等,但是建议还是用这个,因为其他的还要下载其他的dom库)

客户端路由vue-router

大型状态管理vuex

构建工具webpack

Vue全家桶

Vue著名的全家桶其实就是,包含了vue-router,vuex, vue-resource(现在基本不用,而是用更为简单的axios)。再加上构建工具vue-cli,就是一个完整的vue项目的核心构成。

同时,在vue调试方面,可以选择安装chrome插件vue Devtools,以及有专门的组件库elment-ui,轻轻松松就可以完成一个较大型的项目

总结

vue个人觉得是很不错的框架,特别还是国内牛人发布的,接下来还会有vue一系列的文章,以及vue+axios+mysql+node+express全栈实现一个系统的文章,去更加深入的了解vue。当然还有更加深入的理解,大家也可以看看官方文档,都介绍的很充分了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107118.html

相关文章

  • Vue学习日记)——Vue介绍

    摘要:的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。的目标是通过尽可能简单的实现响应的数据绑定和组合的视图组件。并不是框架,只是和他旁边的生态环境组成了一个框架,下面,贴一个官方的渐进式框架介绍图吧,方便理解。 前言 本人学习了一段时间的vue,并尝试写了一些小Demo之后,将vue投入了几个项目之后,一直在边学习边使用,经过看了vue,vuex,vue-route...

    MasonEast 评论0 收藏0
  • Vue学习日记(三)——Vue路由管理vue-router

    摘要:重定向可以实现某些需要根据特定逻辑改变页面原本路由的需求,例如简单的未登录状态下的页面访问个人信息路由时应该重定向到登录路由页面。 前言 为了给读者更好的体验,去理解vue-router和下一篇介绍vuex,决定还是来一个实战教程来带大家更加的去深入理解vue-router,在这之前,读者先自行了解和去官网下载npm和node,附:npm官网 项目构建 这里我采用vue-cli+web...

    iKcamp 评论0 收藏0
  • Vue学习日记(三)——Vue路由管理vue-router

    摘要:重定向可以实现某些需要根据特定逻辑改变页面原本路由的需求,例如简单的未登录状态下的页面访问个人信息路由时应该重定向到登录路由页面。 前言 为了给读者更好的体验,去理解vue-router和下一篇介绍vuex,决定还是来一个实战教程来带大家更加的去深入理解vue-router,在这之前,读者先自行了解和去官网下载npm和node,附:npm官网 项目构建 这里我采用vue-cli+web...

    tuniutech 评论0 收藏0
  • Vue学习日记(三)——Vue路由管理vue-router

    摘要:重定向可以实现某些需要根据特定逻辑改变页面原本路由的需求,例如简单的未登录状态下的页面访问个人信息路由时应该重定向到登录路由页面。 前言 为了给读者更好的体验,去理解vue-router和下一篇介绍vuex,决定还是来一个实战教程来带大家更加的去深入理解vue-router,在这之前,读者先自行了解和去官网下载npm和node,附:npm官网 项目构建 这里我采用vue-cli+web...

    aboutU 评论0 收藏0
  • Vue学习日记(四)——Vue状态管理vuex

    摘要:说实在话,我在阅读文档的时候,也很难以去理解,甚至觉得没有使用它我也可以。介绍那么到底是什么引用官网的说法就是是一个专为应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 前言 先说句前话,如果不是接触大型项目,不需要有多个子页面,不使用vuex也是完全可以的。 说实在话,我在阅读vuex文档的时候,也很难以去理解v...

    fai1017 评论0 收藏0

发表评论

0条评论

王晗

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<