Vue 简介

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

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

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

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

Vue 特点

易用

已经会了HTML,CSS,JavaScript?即刻阅读指南开始构建应用。

灵活

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

性能

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

Vue 目录结构

目录/文件说明
build项目构建(webpack)相关代码
config配置目录,包括端口号等。我们初学可以使用默认的。
node_modulesnpm 加载的项目依赖模块
src

包含了几个目录及文件:

  • assets: 放置一些图片,如logo等。

  • components: 目录里面放了一个组件文件,可以不用。

  • App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。

  • main.js: 项目的核心文件。

static静态资源目录,如图片、字体等。
test初始测试目录,可删除
.xxxx文件这些是一些配置文件,包括语法配置,git配置等。
index.html首页入口文件,你可以添加一些 meta 信息或统计代码啥的。
package.json项目配置文件。
README.md项目的说明文档,markdown 格式

其他参考

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

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

jquery加载页面的几种方法(页面加载完成就执行) 如何去掉css 渐变时的锯齿效果 AJAX请求以及解决跨域的问题 浅析Vue3动态组件怎么进行异常处理 html+css+js写的AI五子棋游戏(附源码) 基于jquery 实现导航条高亮显示的两种方法 EasyUI使用DataGrid实现动态列数据绑定 Vue怎么通过JSX动态渲染组件 JS 获取当前日期、时间、星期 聊一聊Node.js中的 GC(垃圾回收)机制 Ajax 请求队列解决方案并结合elementUi做全局加载状态 前端代码风格规范总结 JS Generator函数yield表达式示例详解 javascript子窗口父窗口相互操作 取值赋值的问题 CSS如何实现波浪效果 ECharts实现数据超出Y轴最大值max但不隐藏 CSS样式穿透的几种方法 JavaScript 类型转换 CSS 设置页面缩放 如何在Vue3+Vite中使用JSX linux平台下node cnpm的安装方法 vue中v-if和v-for的区别是什么 详解Vue PC端如何实现扫码登录功能 CSS 网格(Grid)布局 JavaScript 请求服务端接口 Angular开发问题记录:组件拿不到@Input输入属性 聊一聊CSS中的盒模型和box-sizing属性 vue3.0对服务端进行渲染 Web 页面如何实现动画效果 移动端 H5 实现拍照功能的几种方法 CSS 样式优先级 HTML 块级元素、行内元素和行内块级元素 深入聊一聊vue3中的reactive() CSS 媒体查询 Angular中的路由(Routing)原理 怎么移除css的hover事件 让交互更加生动!巧用CSS实现鼠标跟随 3D 旋转效果 Web页面的几种布局方式 JavaScript 评测代码运行速度的几种方法 优化jQuery性能的多种方法(整理总结) 说一下Vue组件中的自定义事件和全局事件总线 列举一下JavaScript中对数组进行合并的几种方法 JavaScript 对象合并 带你深入了解一下vue.js中的this.$nextTick! 如何在JavaScript中对文件进行处理 Vue.js 前端项目在常见 Web 服务器上的部署配置 vue中$set的实现方法 CSS 实现文本装饰效果 JavaScript 高阶函数 History 和 Hash 路由模式 Vue3学习之深度剖析CSS Modules和Scope CSS 清除浮动 CSS 设置背景图片 【整理分享】一些常见Vue面试题(附答案解析) CSS里面的transform 属性 CSS中的几种尺寸单位 总结JavaScript中的条件判断与比较运算 uni-app 滚动通知组件的实现 JavaScript 执行上下文与作用域 前端兼容性问题总结 前端性能优化——图片优化 JS中数组去重的几种方法 JavaScript里实现继承的几种方式 JavaScript使用reduce方法实现简单的 i18n 功能 JavaScript 日期和时间的格式化大汇总(收集) JS里的原始值与引用值 JavaScript 文件处理 检测js代码中可能导致内存泄漏的工具 Angular学习之ControlValueAccessor接口详解 uni-app 日历组件的实现 Vue 组件之间传值 JavaScript里的回调函数属于闭包吗? JavaScript 解决冒泡事件导致的性能问题 总结一下JavaScript中的一些奇怪问题 简单说一下JavaScript中的事件冒泡和事件捕获 关于 Webpack JavaScript中的循环类型 5个实用的TypeScript操作符,助你提升开发能力! HTML img 元素无法显示 base64 图片的可能原因 jQuery 遍历方法总结 前端性能优化——内存问题 javascript中脚本加载和执行机制 Web 页面之间传递参数的几种方法 解释一下JavaScript中0.1+0.2不等于0.3的问题 总结一下JavaScript 中apply、call、bind的使用方法 什么是EventLoop?怎么测试Node或页面的性能 JavaScript 中 new Date(time).getTime() 获取时间戳方法在 iOS 中的兼容性问题 JS里数组合并的几种方法 详解vue各种权限控制与管理的实现思路 uni-app 弹出层组件的实现 用JavaScript实现文件的上传与下载 前端性能优化总结 简单说一下JavaScript中的事件委托 JavaScript如何删除css 总结一下JS中的排序算法 关于js中的作用域和闭包 让页面元素居中的一些方法 【javascript算法】二分查找法 如何在前端实现上万行大量数据的秒级响应? CSS中父元素被子元素的margin-top影响的解决方法 js使用splice方法删除数组元素可能导致的问题 如何运行vue项目(超详细图解) js隐式类型转换的副作用 了解js的原型和原型链 js中的循环引用 js判断变量类型的方法 web页面最常用的正则校验规则总结 js内存管理和垃圾回收 js中this关键字的作用和如何改变其上下文 JS中的操作符和运算符大总结 Vue3 watch 监听对象数组中对象的特定属性 总结一下js的浅拷贝和深拷贝 JavaScript中的异步编程 JavaScript使用一个数组对另一个对象数组进行过滤 一个基于Vue3实现的简单日历组件 CSS实现磨砂玻璃(毛玻璃)效果样式 解决“Vue3调用本地服务接口失败,老是提示下载并安装本地服务”的办法 vue3基于组合式API使异步获取的数据对象具有响应性 ASP.NET给前端动态添加修改CSS样式JS 标题 关键字 在js中如何获取对象的长度 了解一下js中的函数式编程 Vue框架中监测数组变化的方法 VUE html里的文本框只允许输入数字的两种方法 分享几种js格式化金额的方法 JavaScript的Promise同步处理 js中的简写语法 JavaScript 面向切面编程(AOP,装饰者模式) 了解一下js的跨域问题 谈一谈Vue怎么用extend动态创建组件 Vue3实现印章徽章组件 js中断 forEach 循环的几种方法 vue3组件间怎么通信?简述一下通信方式 CSS 设置文字间距 CSS 网格(Grid)布局 Vue3 实现模态框组件 js处理扁平数组和树结构相互转换 使用Vue和jsmind如何实现思维导图的历史版本控制和撤销/重做功能? Vue.js与ASP.NET的结合,实现企业级应用的开发和部署 检查js中的字符串是否可以成为回文 Vue.nextTick函数的用法及在异步更新中的应用 关于js中0.1+0.2不等于0.3的问题 使用JavaScript开发网页地图导航 js中如何使用可选函数参数 Vue与js的融合,如何编写现代化的前端应用 关于Vue与服务器端的通信:如何实现登录鉴权 Vue.js的响应式原理 如何使用 FabricJS 禁用椭圆的居中旋转? 使用JavaScript实现页面滑动切换效果 移动端H5页面的缓存问题 js里base64与file之间的转换 分享一下利用Vue表单处理实现复杂表单布局 如何使用CSS创建渐变阴影? 如何在 JavaScript 中查看结构体数组? css的弹性布局(Flex布局) Vue统计图表的数据标签和数值显示技巧 js实用工具方法库大总结 使用Angular和MongoDB来构建具有登录功能的博客应用程序 如何在Vue表单处理中实现表单字段的文件下载 使用js开发交互式地图应用 Vue.component函数的使用及如何创建局部组件 css实现三角形的几种方法 移动端H5实现自定义拍照界面 如何在js中遍历对象 jquery如何修改选中状态 如何使用js对图像进行压缩 js如何计算base64编码图片的大小 关于Vue双向数据绑定原理 详解Vue.filter函数及如何自定义过滤器 列举一下js数组的reduce方法的一些应用 如何在Vue表单处理中实现表单的条件渲染 vue中的canvas插件 js数组的reduce方法的一些应用 VUE里使用虚拟DOM来优化更新流程 canvas对象有哪些方法 js中URL查询字符串(query string)的序列与反序列化 如何使用 JavaScript/jQuery 为网站创建暗/亮模式? 总结html5中常见的选择器 Vue组件开发:工具提示组件的实现方法 总结js中常见的层次选择器 利用Vue2实现印章徽章组件 Vue组件实战:列表组件开发 js中如何将对象转换为数组 Vue组件开发:地图组件实现方法 如何将数据存储到 DOM 中? Vue实战:图片上传组件开发 如何使用Vue实现可视化界面设计? vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置 Vue组件库推荐:Ant Design Vue深度解析 使用Vue实现弹窗效果 React Query 数据库插件:与分布式系统的协作指南 如何使用vue ui创建vue项目 使用CSS的Positions布局打造响应式网页 无感刷新页面(附可运行的前后端源码,前端vue,后端node) Css Flex 弹性布局中的换行与溢出处理方法 Vue组件库推荐:Element UI深度解析 分享一个用HTML、CSS和jQuery构建的漂亮的登录注册界面 如何利用React和Sass实现可定制的前端样式 如何在Vue中实现拖拽上传文件 vue3+TypeScript全局事件总线mitt 分享一个Pinia存储的数据持久化插件 HTML、CSS和jQuery:实现图片折叠展开的效果 如何使用HTML和CSS创建动画条形图? 如何利用React和Flutter构建跨平台移动应用 用html、css和jQuery实现图片翻页的特效 利用Promise优化Vue异步操作的方法 CSS Positions布局与网页导航的优化技巧 js多图合成一张图 CSS3实现动态旋转加载样式 使用Velocity.js将动画添加到网页 使用FabricJS创建Image对象的JSON表示 vue3递归组件---树形组件 vue3+TypeScript全局事件总线mitt 在Vue中实现可编辑的表格 vue3+TypeScript自定义指令:长按触发绑定的函数 Vue中如何处理表单数据的双向绑定和验证 Vue 简介 Vue 安装 Vue 常用指令 Vue 实例 Vue 计算属性 Vue 动态样式绑定 Vue 事件处理 Vue 侦听器 Vue 数据双向绑定 Vue过渡 & 动画 Vue 实例生命周期 Vue 插槽的使用 Vue 组件基础 Vue动态组件 & keep-alive Vue 组件间通信 Vue 过滤器 Vue 自定义指令 Vue 混入 Mixins Vue 插件 Vue 渲染函数 VueRouter 编程式导航 VueRouter 路由嵌套 VueRouter 基础应用 VueRouter 命名视图 VueRouter 命名路由 Vuex 简介、安装 VueRouter 路由传参 VueRouter 路由别名、重定向 Vuex Getter Vuex State Vuex Action Vuex Mutation Vue-Cli & VueDevTools安装 Vuex Modules Vue 第三方库的使用 Vue-Cli 项目文件结构分析 Vue 本地 Mock 数据 Vue 项目打包部署 Element 美化 TODO 项目