初入了解——Vue.js

简介: 根据上篇文章来继续了解Vue

一.Vue.js介绍
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用(SPA)提供驱动。

软件名称:Vue.js 软件平台:Chrome、IE、Safari、Opera、Firefox、Edge等

上线时间:2014年2月 最近更新时间:2021年6月7日 软件语言:JavaScript

开发商:尤雨溪 软件授权:MIT License 软件版本:Vue 3.x 软件大小:76 至 240 KB

二.主要功能
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架--它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时 ,Vue.js 也能驱动复杂的单页应用。

三.语言特点
易用
在有HTML,CSS,JavaScript的基础上,快速上手。

Vue.js 的 API 是参考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。

Vue.js 的 API 的对于其他框架的参考不仅是参考,其中也包含了许多 Vue.js 的独特功能。

灵活
简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。

性能
20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。

版本记录: Vue 3.x Vue 2.x Vue 1.0 Vue 0.12 Vue 0.11
四.运行环境
开发环境下,Vue 会提供很多警告来帮开发者对付常见的错误与陷阱。而在生产环境下,这些警告语句却没有用,反而会增加应用的体积。此外,有些警告检查还有一些小的运行时开销,这在生产环境模式下是可以避免的。

相关文章
|
12月前
|
JavaScript 前端开发 Java
提升Vue.js技能!不得不看的三本Vue.js 3书籍
Vue.js是流行的 Web 前端框架,目前最新版本是Vue.js 3。本节介绍三本有关Vue.js 3的书籍。
139 0
Vue | Vue.js 组件化 知识拓展(一)
Vue | Vue.js 组件化 知识拓展(一)
|
缓存 JavaScript 前端开发
Vue | Vue.js 组件化 知识拓展(二)
Vue | Vue.js 组件化 知识拓展(二)
|
JavaScript 前端开发 小程序
Vue.js | Vue.js开发 初体验
Vue.js | Vue.js开发 初体验
|
JavaScript 搜索推荐 开发者
【三十天精通Vue 3】第三十天 Vue 3中的Nuxt.js框架详解
【三十天精通Vue 3】第三十天 Vue 3中的Nuxt.js框架详解
274 0
|
存储 缓存 JavaScript
【前端面试知识题】- 6.1 Vue.js
在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后立即使用 nextTick 来获取更新后的 DOM。 nextTick主要使用了宏任务和微任务。 根据执行环境分别尝试采用Promise、MutationObserver、setImmediate,如果以上都不行则采用setTimeout定义了一个异步方法,多次调用nextTick会将方法存入队列中,通过这个异步方法清空当前队列。
【前端面试知识题】- 6.1 Vue.js
|
存储 缓存 编解码
【前端面试知识题】- 6.2 Vue.js
vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。
【前端面试知识题】- 6.2 Vue.js
|
JavaScript 小程序 前端开发
Vue.js从0开始到实战开发1:通过简单案例从0开始了解Vue
静态页面一般是这样的代码:网页上所有的东西都是直接写死的不会改变。
Vue.js从0开始到实战开发1:通过简单案例从0开始了解Vue
|
JavaScript 前端开发
前端工作总结95-Vue.js中this.$nextTick()的使用
前端工作总结95-Vue.js中this.$nextTick()的使用
137 0
前端工作总结95-Vue.js中this.$nextTick()的使用
|
缓存 JavaScript 前端开发
Vue.js基础笔记
Vue.js基础笔记