vue开发的单页应用如何嵌入原生app？

你可以使用第三方开发平台或者本地开发工具，比如app开发制作平台APPcan，将vue的前端直接打包到APK壳线上。

可以尝试一个APP开发平台，直接上传首页HTML文件，在线打包成APK或IPA或EXE或DMG。

app原生开发和混合开发的区别？

原生app就是利用手机本地操作系统开发的手机app，目前手机系统主要分为安卓和苹果iOS两种，双方都有各自的编程开发语言及工具，原生app开发就是利用官方的开发工具进行分别开发。

app混合开发是将原生app和webapp进行融合，部分核心板块利用原生模式开发，非核心内容通过web方式实现.

前端非原生开发有多少种方法？

今天来探讨下开发手机APP都有那些技术手段

大致分为三种开发模式：原生、混合开发、跨平台开发

原生方式：

原生技术栈指的是，只能用于特定手机平台的开发技术。比如，安卓平台的 Java 技术栈，iOS 平台的 Object-C 技术栈或 Swift 技术栈。

混合开发：

混合开发，也就是把 Web 网页放到特定的容器中，然后再打包成各个平台的原生 App。所以，混合技术栈其实是 Web 技术栈 + 容器技术栈，典型代表是 PhoneGap、Cordova、Ionic 等框架

跨平台 App：

跨平台开发指的是使用一种技术，同时支持多个手机平台。它与混合技术栈的区别是，不使用 Web 技术，即它的页面不是 HTML5 页面，而是使用自己的语法写的 UI 层，然后编译成各平台的原生 App。

这个技术栈就是纯粹的容器技术栈，React Native、Xamarin、Flutter 都属于这一类。学习时，除了学习容器的 API Bridge，还要学习容器提供的 UI 层，即怎么写页面

总结：H5 开发主要用在混合技术栈。但是，跨平台技术栈的某些容器也会用到（比如 React Native），因为它们的 UI 层借鉴了 Web 模型。

另外，混合技术栈和跨平台技术栈的基础，都是原生技术栈，因为最终都要编译成原生App。所以，不管使用哪一种技术栈，多多少少要了解一些各平台的原生技术。

此外 WebView 控件

不管什么技术，最终在 App 里面显示网页，一定需要一个网页引擎，这样才能解析网页。通常情况下，App 内部会使用 WebView 控件作为网页引擎。这是系统自带的控件，专门用来显示网页。应用程序的界面，只要放上 WebView，就好像内嵌了浏览器窗口，可以显示网页。不同的 App 技术栈要显示网页，区别仅仅在于怎么处理 WebView 这个原生控件。

原生开发：需要开发者自己把 WebView 控件放到页面上。

混合开发：页面本身就是网页，默认在 WebView 中显示。

跨平台开发：提供一个 WebView 的语法，编译的时候将其换成原生的 WebView。

不同系统的 WebView 控件名称不一样，安卓系统就叫 WebView，iOS 系统有较老的 UIWebView，也有较新的 WKWebView，作用都是一样的，差异在于功能的强弱。