Vue、React和三大前端框架*受欢迎
发表时间：2023-11-27 14:52:35
文章来源：炫佑科技
浏览次数：96
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
目前，无论是大型BAT公司还是初创公司，Vue都被广泛使用。 对于任何一个前端工程师来说，Vue都是一个值得学习的前端框架。
但在国内小程序成为移动开发的闯关者之后，Vue的名字也常常与小程序联系在一起。 我们来探讨一下两者之间的关系。
1.首先了解Vue
Vue.js（发音为 /vjuː/，类似于 view）是一个用于构建用户界面的渐进式框架。 与其他重量级框架不同，Vue 采用自下而上的增量开发设计。 Vue的核心库只关注视图层，非常容易学习并与其他库或现有项目集成。 另一方面，Vue 完全有能力驱动使用 Vue 生态系统支持的单文件组件和库开发复杂单页应用程序。
Vue.js 的目标是通过尽可能简单的 API 实现响应式数据绑定和组合视图组件。
以上是Vue官网给出的解释。 对于大多数用户来说，它仍然非常抽象和晦涩。 读完之后，你可能还是不明白这个框架是用来做什么的。 什么是“渐进框架”？ 什么是“自下而上的增量开发”？ 什么是“视图层”？ 什么是“单文件组件”？ 什么是“复杂的单页应用程序”？ 第二段中的“响应式数据绑定和组合视图组件”是什么？
*流行的三个前端框架vue
1.Vue.js到底是什么？
想必大家都会使用APP或者网页来上网浏览新闻。 Vue.js是一个基于Web的应用程序，用于构建类似Web的表单，其中包含许多表单项，并且内容需要根据用户的操作进行修改。
2. 什么是单页应用程序？
单页应用一般是指一个页面就是一个应用。 当然，它也可以是一个子应用程序。 例如，一个页面可以被视为一个子应用程序。 单页面应用中一般会有大量的交互处理，页面上的内容需要根据用户的操作动态变化。
3.什么是视图层？
现在我们抽象出一个网页应用，那么HTML中的DOM实际上就是一个视图。 一个网页通过DOM的组合和嵌套形成了*基本的视图结构，然后通过CSS的修改，在基本视图结构上“化妆”，让它们看起来更加美观。*后，到了交互部分，需要用来接受用户交互请求，通过事件机制响应用户交互操作，并在事件处理函数中修改各种数据，比如修改某个DOM或者部分，我们可以将HTML中的DOM独立划分为一层从其他部分来看，这一层称为视图层。
4. 响应式数据绑定
这里的响应性并不是@media媒体查询中的响应式布局，而是指vue.js会自动响应页面上某些数据的变化。 至于如何响应，可以先将以下代码粘贴到扩展名为html的文件中，然后用浏览器打开。 在文本框中输入一些文本并观察页面变化。
5. 组件开发
在制作单页面应用时，页面交互和结构都非常复杂。 一页上需要写的模块很多，往往一个模块的代码量和工作量都非常大。 如果按照原来的方法开发话，会很累。 而且，以后产品需求发生变化时，修改起来会非常麻烦。 我担心其中一个div被移动后，其他div也会跟着移动，整个页面就会变得混乱，或者由于事件冒泡机制而修改一些内部DOM事件处理。 功能结束后，出现各种莫名其妙、怪异的bug。
在面向对象编程中，我们可以利用面向对象的思想，将各个模块封装成类，或者将一个大的业务模块拆分成更多更小的类。 在面向过程的编程中，我们还可以将一些大的功能拆分成很多功能，然后分配给不同的人进行开发。
在前端应用中，我们是否也可以像编程一样封装模块呢？ 这就引入了组件开发的思想。
Vue.js 通过组件将单页面应用中的各个模块拆分成单独的组件（）。 我们只需要先在父应用中写好各种组件标签（占坑），然后在组件中添加标签中写入要传入组件的参数（就像向函数传入参数一样，这个参数就称为组件的属性），然后编写各个组件的实现（填坑），整个应用就完成了。
2.Vue和小程序的关系
首先需要说明的是，Vue 与小程序开发没有直接关系。
但由于 Vue 以及 Vue 众多开发的影响，很多组织都以类似开发语法的形式重新开发小程序小程序（并*终通过自己的工具转换成了原生小程序的语法），比如美国Tuan的mpVue（Vue.js in mini）。 好处是降低了Vue开发学习小程序开发的成本，并且优化了小程序的很多缺点。 比如小程序不能使用Npm、不能使用CSS预处理器、原生语法等。
例如mpVue是一个使用Vue.js开发小程序前端框架。 该框架基于Vue.js的核心。 mpvue修改了Vue.js的实现，使其可以运行在小程序环境中，从而引入了一套完整的小程序开发工具。 Vue.js开发经验。 使用Mpvue开发小程序将在小程序技术体系的基础上获得一些额外的能力：
3、如何让小程序发挥更大的价值
了解了如何基于Vue开发小程序后，还可以了解如何更好地发挥小程序的价值。 不得不提的是，这种图案正在逐渐流行起来。 +小程序的架构模式已经成为趋势，解决了传统App带来的迭代不灵活、代码堆积、多平台维护等问题。 同时，它提供了远优于H5的体验。
这里推荐的是市场上已经比较成熟的小程序容器技术。 通过集成SDKvue开发微信小程序，您的APP可以快速具备运行小程序能力。
另外，集成容器视图层和逻辑层的分离也带来了很多好处：
1.方便多个小程序页面之间的数据共享和交互。 在小程序的整个生命周期中拥有相同的上下文，可以为具有本机应用程序开发背景的开发提供熟悉的编码体验。
2、View的分离并行实现，可以防止JS执行影响或减慢页面渲染，有利于提高渲染性能；
3、由于JS是在层执行的，JS中操作的DOM不会影响View层，所以小程序无法操作DOM结构，这也使得小程序的性能比传统H5更好。
还有一点值得推荐的是Vue、React和三大前端框架*受欢迎，兼容微信小程序开发规范。
也就是说，原本通过Vue开发微信小程序在不改变代码的情况下，也可以放在自己的小程序中。 同时提供后台管理页面，可以统一管理自有和外部开发小程序，并对采集到的小程序数据进行分析。
结尾
回顾过去的问题
遇见春天
见面
万物复苏，新的一年开始了
