脚本宝典收集整理的这篇文章主要介绍了

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

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

前言

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

前端框架比较

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

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

image

是的这只是部分前端框架,就我个人觉得,目前前端框架的三大巨头也就只是
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的特性如下:

  1. 轻量级的框架
  2. 双向数据绑定
  3. 指令
  4. 插件化

Vue渐进式框架

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

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

image

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

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

image

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

  1. 声明式渲染vue.js
  2. 组件系统element-ui(也可以用bootstrap等,但是建议还是用这个,因为其他的还要下载其他的dom库)
  3. 客户端路由vue-router
  4. 大型状态管理vuex
  5. 构建工具webpack

Vue全家桶

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

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

总结

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

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过