文档介绍:浅谈Vue生态圈
袁芳芳 宁君宇 田路强 陈森 摘 要:随着互联网的飞速发展,人们对PC端、移动端应用的要求也越来越高。除了要满足用户稳定、快捷的使用功能体验,令人愉悦的UI,流畅、炫酷、人性化的交互等也变得必不可少。这种需求催浅谈Vue生态圈
袁芳芳 宁君宇 田路强 陈森 摘 要:随着互联网的飞速发展,人们对PC端、移动端应用的要求也越来越高。除了要满足用户稳定、快捷的使用功能体验,令人愉悦的UI,流畅、炫酷、人性化的交互等也变得必不可少。这种需求催生出了一波又一波的前端框架,其中,、灵活、模块友好等特点成为三大主流框架之一。,,以一个由内而为的角度对Vue进行了较全面的阐述。
关键词:Vue;前端框架;生态圈
(/vju/)是一套构建用户界面的渐进式前端框架,其名字取自View的谐音,而且在法语里Vue也有View之意。,采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和灵活的组件系统。
1 Vue特点概述
简洁:基于Vue框架开发应用时,代码编写风格简洁,并且通俗易懂;并且Vue相比Rect和Angular源码更小巧。
灵活:由于Vue框架本身只关注UI的特点,可以让用户更自由地选择使用一个或一些库。例如使用Vue框架时,路由功能、Ajax技术并不属于它的核心功能,但是如果用户需要用到路由或Ajax,可以将相关的官方库添加进来;也可以使用其他的库或插件,如jQuery的Ajax等。这种按需添加的方式可以使得应用占用的资源更少,运行效率更高。
模块友好:基于Vue框架开发时可以利用CommonJS、RequireJS或者SeaJs等来自第三方的模块构建工具将代码模块化;也可以使用ES6的模块化功能,再配合使用Webpack这种前端资源打包工具进行相应打包,轻松实现代码的模块化。
組件化:Vue框架支持组件化开发,通过组件化开发大大提高了代码可维护性。组件化的思路为将前端页面上某个组件的html、css、。
2 Vue生态圈
随着前端的盛行,Vue框架的用户群越来越大,Vue官方开启了全职运营、维护、以及迭代开发模式,从而构建了越来越丰富的生态圈,如Vue Router-路由管理器、Vuex-状态管理工具、Vue Cli-脚手架、Vue Loader-文件加载器、 Vue Server Render-服务端渲染、Vue devtools-调试工具等。
Vue Router,是Vue官方的路由管理器。它为Vue框架增加了路由功能。通过路由功能,用户可以根据开发的需求自行加载相关组件,简化构建单个页面应用的过程。Vue框架对组件化开发的支持也使得路由实现起来相对简单。由于页面的所有内容都可以组件化开发,所以在基于Vue框架开发时,路由实现相对简单。使用思路为将路径和组件一一对应,然后在页面中把组件渲染出来。
VueX,是Vue官方的状态管理工具,采用全局单例模式,将组件的共享状态抽离出来管理,使组件树中的每一个位置都可以获