当前位置: 首页 > Web前端 > CSS

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

时间:2023-03-30 18:57:45 CSS

前言学习了一段时间的vue,在尝试写了一些小demo之后,将vue投入到几个项目中后,一直在学习和使用。在看了vue、vuex、vue-router的官方文档和MOOC网站上的一些实战视频后,有了深刻的理解,所以写了这几篇文章。如果说前端框架比较现实的话,前端框架有很多。很多初学前端的人可能接触不到框架,认为框架是一个很高级的东西。个人是按照学姐的学习路线开始学习前端的。一开始接触的是html、css、js等基础语言。至于框架,我一直觉得是一个很高级的东西。后来和框架打交道久了,也明白了基础对前端开发者来说很重要,而框架只是把你复用的代码包装起来,方便你使用,最重要的是基础。目前市面上有很多前端开发的框架。实际上,它们是框架。如果你看C语言、Java语言等语言,就是库,一些封装好的东西,告诉你怎么用,你就可以简单的实现一个简单的项目。向上。如果想了解更多前端框架,建议百度一下,或者看看这个知乎讨论,点开里面的文章,这里引用一张图展示一下目前的前端框架。是的,这只是前端框架的一部分。就我个人认为,目前前端框架的三巨头只有vue、react、angular(先后顺序与排名无关)。各框架各有所长:vue擅长单页面多路由开发,react适合多页面,移动app和一些大型开发angular系统比较完善,适合快速搭建产品原型,但各有千秋自身不足:Vue不是特别适合多页面开发。React单页开发性能并不比Vue好,因为Vue比较轻,Angular不适合程序员自己开发,因为它的基础配置很饿。当然,以上只是个人看法。这只是我的意见,如果我有错误,请多多包涵并纠正我。我不会介绍他们的社区。三大框架社区比较完善。Vue的优点Vue.js是一个轻量级、高性能、组件化的MVVM库。如果你不知道什么是mvvm模式,可以看这篇文章。个人觉得比较容易理解,而且有非常好用的API;看。js是一个用于构建数据驱动的Web界面的库。Vue.js是一个用于构建用户界面的渐进式框架。与其他重量级框架不同,Vue旨在自下而上地进行增量开发。Vue的核心库只专注于视图层,非常容易学习和与其他库或现有项目集成。另一方面,Vue完全有能力驱动使用Vue生态系统支持的单文件组件和库开发的复杂单页应用程序。简而言之,Vue.js是一个用于构建数据驱动的Web界面的渐进式框架。Vue.js的目标是使用尽可能简单的API启用反应式数据绑定和组合视图组件。核心是响应式数据绑定系统。Vue.js的特点如下:轻量级框架双向数据绑定指令插件式Vue渐进式框架为什么Vue是渐进式框架?其实vue官方主页说的,vue,progressiveJavaScriptframework其实严格来说,vue不是一个框架,它只是一个库,和jq一样,可以操作DOM库,不同的是Vue操作的是virtualdom,至于什么是virtualdom,我会在下一篇继续介绍。Vue不是一个框架,而是和旁边的生态环境组成一个框架。下面,贴出官方的progressiveframework介绍图,方便理解。如上图说明,一个Vue渐进式框架是对vue.js组件系统element-ui的声明式渲染(也可以使用bootstrap,但推荐使用这个,因为需要下载其他dom库)客户端-sideroutingvue-router大规模状态管理vuex构建工具webpackVue全家桶Vue的大名鼎鼎的全家桶其实就是,包括vue-router,vuex,vue-resource(现在基本不用了,比较简单的axios)。再加上构建工具vue-cli,是一个完整的vue项目的核心组件。同时,在vue调试方面,可以选择安装chrome插件vueDevtools,以及专门的组件库elment-ui,可以轻松完成更大的项目。发表了,会有vue的系列文章,还有用vue+axios+mysql+node+express全栈实现一个系统的文章,更深入的了解vue。当然还有更深入的了解。也可以看看官方文档,里面介绍的很全。