当前，使用的三个最广泛的前端框架是Vue，并且。其中，VUE广泛用于BAT制造商和初创企业。如今，随着移动迷你计划的大力开发，VUE也广泛用于迷你计划开发中。今天，我将详细介绍为什么Vue值得学习，以及哪些将会与Mini计划相撞。

1。首先，了解Vue

vue.js（发音为 /vjuː /，类似于视图）是用于构建用户界面的渐进框架。与其他重量级框架不同，Vue采用自下而上的增量设计。 Vue的Core 仅关注视图层，并且非常容易学习，并且非常容易与其他库或现有项目集成。另一方面，Vue完全能够使用VUE生态系统支持的单文件组件和库开发复杂的单页应用程序。

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

以上是Vue的官方网站来解释的。对于大多数用户来说，它仍然非常抽象和晦涩。阅读它后，您可能仍然不了解此框架的用途。什么是“渐进框架”？什么是“自下而上的增量发展”？什么是“视图层”？什么是“单个文件组件”？什么是“复杂的单页应用程序”？第二段中的“响应数据绑定和组合视图组件”是什么？

1. vue.js到底是什么？

我相信每个人都使用应用程序或网页在互联网上浏览新闻。 VUE.JS是一个Web版本应用程序，它使用类似于网页的各种表格，需要根据用户操作进行修改。

2。什么是单页应用程序

单页应用程序通常是指页面，一个应用程序，当然也可以是亚应用程序。例如，可以将页面视为亚应用。通常在单页应用程序中有很多交互处理，并且页面中的内容需要根据用户的操作动态变化。

3。视图层

现在，让我们抽象一个Web应用程序，然后HTML中的DOM实际上是一个视图。网页通过DOM的组合和嵌套形成了最基本的视图结构，然后使用CSS将其修改为基本视图结构。化妆”使它们看起来更美丽。最后，当涉及到交互部分时，有必要接受用户的交互请求，并通过事件机制响应用户的交互，并在事件处理功能中修改各种数据，例如修改或部分。我们可以将HTML中的DOM与其他部分分开，以将其分为一个级别，这称为视图层。

4。响应式数据绑定

这里的响应性不是 @媒体​​查询中的响应式布局，而是指VUE.JS，该vue.js会自动响应页面中某些数据的变化。至于如何响应，您可以首先将以下代码粘贴到使用扩展名HTML的文件中，然后在浏览器中打开，在文本框中输入一些文本，然后观察页面中的更改。

5。组件开发

页面交互和结构非常复杂。页面上有许多模块需要编写，而且模块的代码和工作量通常很大。如果仍然根据原始方法开发，那么它将耗尽。此外，当未来的产品需求变化时，修改它是非常麻烦的，因为担心在一个Divs之后，另一个Divs将是雪崩，整个页面将被弄乱，或者由于事件泡泡机制，将修改一些内部DOM事件处理。功能后，出现了各种莫名其妙的奇怪错误。

在面向对象的编程中，我们可以使用面向对象的想法将各种模块包装成类，或将大型业务模块分为几个较小的类。在面向过程的编程中，我们还可以将一些大功能分为许多功能，并将其分配给不同的人来开发。

在前端应用程序中，我们还可以封装编程等模块吗？这介绍了组件开发的想法。

vue.js使用组件将单个页面应用程序中的各种模块分为单独的组件（）一个。我们只需要在父级应用程序中编写各种组件标签（占用坑），然后使用组件。将要传递到标签中的组件的参数（就像将参数传递给函数一样，此参数称为组件的属性），然后写入各种组件的实现（填充坑），然后将整个组件的实现申请已完成。

2。vue和之间的关系

首先，Vue与迷你计划开发没有直接关系。

但是，受VUE和许多VUE开发人员的影响，许多组织都有对迷你计划的次要开发，并以类似于Vue语法的形式开发了迷你程序（最后，他们将自己的工具转换为本地迷你计划的语法），例如Mei （Mini中的Vue.js）。优势在于，它降低了VUE开发人员学习迷你程序开发的成本，并优化了许多迷你程序的缺点，例如无法使用NPM，CSS预处理器和本机语法的迷你程序。

例如，它是使用vue.js开发小程序的前端框架。该框架基于vue.js核心，并修改vue.js和vue.js的实现，以便它可以在环境中运行，从而引入了一个完整的vue for in 开发。 JS开发经验。使用开发迷你计划，您将根据迷你计划技术系统获得一些其他功能：

如果您需要深入学习并了解开发小问题的使用，则可以参考官方文档：

3。如何使迷你计划更有价值

在了解如何基于VUE开发迷你程序之后，您还可以了解如何更好地播放迷你程序的价值。这意味着该模型逐渐流行，而迷你程序的建筑模型已成为一种趋势，可以解决传统应用程序。迭代不正确，代码积累，多平台维护带来了其他问题，并且它的经验远远超出了H5。

我想在这里推荐的是一个相对成熟的市场 - 通过整合SDK，您的应用程序很快就可以运行小程序。

此外，视图层与逻辑层的分离还带来了许多好处：

1。多个小型程序页面之间的方便数据共享和交互。在小程序的整个生命周期中拥有相同的上下文可以为具有本地应用程序开发背景的开发人员提供熟悉的编码体验；

2。与视图的分离和并行实现可以防止JS执行影响或放慢页面渲染，这有助于提高渲染性能；

3。由于JS是在该层执行的，因此JS中操作的DOM不会对视图层产生影响，因此小程序无法操作DOM结构，这也使的性能比传统的H5更好。

另一个值得推荐，这与微信迷你计划开发规范兼容。

换句话说，通过VUE开发的微信微型程序也可以将Mini程序放入其自己的应用程序中而无需更改代码。同时，提供了一个后端管理页面，以统一管理自己和外部在货架上开发和推出的迷你程序，并分析收集的Mini计划数据。