本教程操作环境：windows7系统、vue3版，DELL G3电脑。

vue主要有两种意思：一个框架、一种Vlog社区与编辑工具。

vue框架介绍

Vue.js（读音/vju：/，发音类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。

立即学习“前端免费学习笔记（深入）”；

Vue 的核心库只关注视图层，并且非常容易学习，也非常容易与其他库或已有项目整合。Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。

Vue.js 还提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API，其目标是通过尽可能简单的 API 实现响应式的数据绑定和可组合的视图组件。

我们也可以说 Vue.js 是一套响应式系统（Reactivity System）。数据模型层（Model）只是普通 JavaScript 对象，如下图所示，{ }代表一个 JavaScript 对象，修改它则更新相应的 HTML 片段（DOM），这些 HTML 片段也称为“视图（view）”。这会让状态管理变得非常简单且直观，可实现数据的双向绑定，所以我们也称之为响应式系统。

作为前端开发人员的首选入门框架，Vue 有很多优势：

• Vue.js 可以进行组件化开发，使代码编写量大大减少，读者更加易于理解。

• Vue.js 最突出的优势在于可以对数据进行双向绑定（在之后的编写中我们会明显地感觉到这个特点的便捷）。

• 使用 Vue.js 编写出来的界面效果本身就是响应式的，这使网页在各种设备上都能显示出非常好看的效果。

• 相比传统的页面通过超链接实现页面的切换和跳转，Vue 使用路由不会刷新页面。

vue工具介绍

VUE是iOS和Android平台上的一款Vlog社区与编辑工具，允许用户通过简单的操作实现Vlog的拍摄、剪辑、细调、和发布，记录与分享生活。 还可以在社区直接浏览他人发布的Vlog，与Vloggers互动。

主要功能

• 分镜头：通过点按改变视频的分镜数实现简易的剪辑效果，而剪辑能够让视频传达更多的信息；

• 实时滤镜：由电影调色专家调制的12款滤镜供选择，切换至前置摄像头会出现自然的自拍美颜功能； 

• 贴纸：支持40款手绘贴纸，还可以编辑贴纸的出现时间

• 自由画幅设置：支持1:1、16:9、2.39:1三种画幅的视频拍摄

• 分享：支持分享至社交网络

【相关推荐：编程教学】