21. 尚硅谷_面试题_小程序和mpVue对比简介.avi原创

大家好，我是上硅谷H5学科讲师，我叫闫志勇。在程序员节日到来之际，由我来给大家分享几道面试题。在面试的过程中，经常会有面试官问小程序相关的知识，那么之前呢也给大家分享过小程序的快速入门，本次呢主要分享的内容是小程序对应的一个框架叫map view，现在市面上比较火的小程序框架，其中一个是map VI，还有一个呢叫这个VPY。VI是美团推出的一个框架。而VPY呢，是腾讯出来的一个框架，那这两个框架至于说学哪个好，这个没有什么定性答案。啊，这个要看你们公司的一个需求，以及它的对应的使用情况。这两个框架呢，大家只要了解了一个去上手另一个的话，很轻松很轻松啊，那。

我们这一次主要讲的呢是map v，那通过他的这个名字呢，我们也能看到一个熟悉的东西，也是前端现在最火的一个框架叫view，那它为什么叫map view呢？哎，这个页面呢，是小程序框架map view的一个官方文档，上面呢也有说明。那这个map view呢，诶，我看一下应该是在。这一块。嗯，应该是在上面这有个home。为什么叫它map view叫v.GS迷你program，就是说在小程序里边有VGS。那这个框架为什么火的目的呢？是因为我们可以用VIVO的开发方式去开发我们的小程序，去开发我们的小程序好，那至于说怎么用。

在这呢，我用原生的小程序去写了一个小的项目。而对应着我又使用。Map view这个框架去把这个项目又还原了一遍，那么不管是用原生的还是用map view去写，他们最终的效果是一样的，在这儿呢，大家可以对比着来看一下他们的项目结构。首先，在map view里面我们能看到package Jason这些配置文件。那这些文件呢，又叫包的说明文件，也就是说在map view里边是支持使用NPM。Install去下载包的，而在这呢，对应的还有bab，哎这些管理工具。

包括呢，在这个build和config里边，我们能看到我们在view开发中熟悉的一些文件，就是web的配置，以及对整个项目的一些配置，好，那这是它很明显的一些区别。那么除了这些以外呢，我们来看一下页面里边，我就拿第一个页面来说，在学生的小程序里边，还是我们熟悉的这四个文件，结构、样式、行为以及一个配置文件，在map view里面，我打开我们的src来到index，哎，这个时候大家可以看一下。在里面已经没有。什么微信mail、微信SS这些文件了，取而代之的呢，是我们熟悉的什么点V文件，也就是我们会以view组件开发的形式去开发小程序。

好，那在这呢，是需要大家去注意的，尤其是会原生小程序的同学。那还有什么好处呢？除了pages，大家可以看到下边我这有个router，那么在这里面呢？在这儿我点开来看，你会发现我在使用view root这个路由组件，那这个呢，是原生小程序里边。肯定没有的东西，肯定的没有的东西好，这是一个map view的一个特点，那除了路由以外，再看store文件，那么在这我点开来看会view的同学立马就认识，这个呢，是我使用的一个view。相关的一个库叫VX，该库呢专门用于去管理view的公共状态。

好，那当我们使用上VIVO X以后呢，对于我们错综复杂的那些状态，以及他们的依赖关系呢，能够很好的去解决它，那这是map view的一个好处。然后呢，在页面里面我要说一下，那我们使用唯有去开发小程序的话，是不是小程序的那些内置的一些组件我们就不可以使用呢？其实不是这样的，在map view里边，它照样可以使用我们小程序。给我们带来那些原生的组件，包括对应的一些API，在map view里面我们照样能使用，包括map view，它有对应的生命周期，也是我们组建有生命周期，那在map view中呢，它既有V组件的生命周期，同时呢，也。

包含了原生小程序页面中的生命周期，这一点呢，也是需要我们注意的地方。好，再打开这个对比来看。那么在。Map view里边注意，既然我们是view的形式去开发的话，最终我们少不了一个东西叫入口文件，叫入口文件，而在我们原生小程序里边，其实就没有入口文件一说，没有入口文件一说。那以上呢，就是。将原生小程序和map view的一个简单的对比，简单的对比，如果说想了解更多更详细的资料的话，大家可以访问上硅谷的官网去获取。