vue.js
构建数据驱动web界面的框架
Vue.js(读音 /vjuː/, 类似于view)是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现相应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和Vue生态系统支持的库结合使用时,Vue也完全能够为复杂的单页应用程序提供驱动。
运行环境
Vue可以直接安装在Windows或适用于Linux的Windows子系统 (WSL) 上,可使用Node包管理器 (npm) 安装。
特点
易用
在有HTML层叠样式表ECMAScript的基础上,快速上手。
灵活
简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。
性能
20kb min+gzip运行大小、超快虚拟DOM、最省心的优化。
历史与版本
Vue.js是由Evan You创建的,他在使用AngularJS进行多个项目后,想要提取他在Angular中真正喜欢的部分,并构建一个非常轻量级的框架。
Vue的第一个源代码提交发生在2013年7月,而Vue在2014年2月首次公开宣布。
组件与模板
Vue组件扩展了基本的HTML元素,以封装可重用的代码。组件是Vue实例,具有预定义的选项,可以包含数据、计算属性、方法、生命周期钩子等。Vue使用基于HTML的模板语法,允许将渲染的DOM绑定到底层Vue实例的数据。所有Vue模板都是有效的HTML,可以被兼容的浏览器和HTML解析器解析。Vue将模板编译成虚拟DOM渲染函数,结合响应系统,Vue可以计算重新渲染组件的最小数量,并在应用程序状态改变时应用最小的DOM操作。
响应性与过渡
Vue具有一个响应性系统,使用普通ECMAScript对象和优化的重新渲染。每个组件在其渲染过程中跟踪其响应性依赖项,因此系统精确地知道何时重新渲染以及重新渲染哪些组件。Vue还提供了多种应用过渡效果的方式,包括自动应用层叠样式表过渡和动画的类、集成第三方CSS动画库、使用JavaScript直接操作DOM以及集成第三方JavaScript动画库。
路由
Vue可以通过“vue-router”这个官方库来支持单页面应用程序中的前端路由,允许根据当前URL路径改变页面上显示的内容,并支持浏览器的导航历史。这使得在Vue应用程序中创建和管理路由变得简单,同时也支持嵌套路由和细粒度的过渡控制。
生态系统
Vue的核心库配备了由核心团队和贡献者开发的工具和库。官方工具包括Devtools、Vue CLI和Vue Loader,而官方库包括Vue Router、Vuex、Vue Server Renderer和Pinia。这些工具和库共同构成了Vue的强大生态系统,为开发者提供了一系列的解决方案,以满足现代Web开发的各种需求。
参考资料
目录
概述
运行环境
特点
历史与版本
组件与模板
响应性与过渡
路由
生态系统
参考资料