Vue是基于MVVM模式的前端框架，而针对移动端App的开发，我们可以借助一些工具将Vue打包成App。下面，我将介绍两种将Vue打包成App的方式。
一、通过Cordova打包
Cordova是一个可以将JavaScript应用程序打包成原生应用程序的开源框架。借助Cordova，我们可以将Vue应用程序封装为原生应用程序，并发布到iOS和Android等平台上。
下面是具体步骤：
1. 创建Vue项目
首先，我们需要通过Vue Cli创建一个Vue项目。在终端执行：
```
vue create my-project
```
2. 添加 Cordova 插件
在Vue项目中，我们需要使用Cordova插件。在终端执行：
```
vue add cordova
```
3. 配置 Cordova
在添加完Cordova插件后，项目下会出现`cordova`的文件夹，其中的`config.xml`文件中需要配置我们App的各种设置，如版本号、应用名称、图标等。这个文件很重要，在使用Cordova打包应用的时候，默认会使用这个文件中的配置信息。
4. 执行打包命令
在终端执行以下命令进行打包：
```
npm run cordova-prepare
```
5. 生成原生应用程序
在运行以上命令后，会生成对应平台的原生应用程序。对于每一个平台，执行以下命令生成对应的应用程序：
```
cordova build android
cordova build ios
```
二、通过Weex打包
Weex是一个可以将Vue组件渲染成原生页面的框架，可以很好的支持跨平台应用的开发。借助Weex，我们可以将Vue组件渲染成原生应用程序，并发布到iOS和Android等平台上。
下面是具体步骤：
1. 创建Vue项目
首先，我们需要通过Vue Cli创建一个Vue项目。在终端执行：
```
vue create my-project
```
2. 安装 Weex
在终端执行以下命令安装：
```
npm install weex-toolkit -g
```
3. 创建Weex文件
我们需要在Vue项目中创建`weex`文件夹用来存放Weex文件，Weex文件使用Vue的语法。下面是一个简单的Weex文件：
```
```
4. 配置Weex
在Vue项目中有个`vue.config.js`文件，需要添加以下配置：
```
module.exports = {
configureWebpack: {
resolve: {
alias: {
'vue$': 'weex-vue-precompiler'
}
}
}
}
```
5. 生成原生应用程序
在终端执行以下命令进行打包：
```
npm run weex:build
```
封装后的原生应用程序将存放在`dist`目录下。
总结：
以上两种方式都可以将Vue打包成App进行发布。其中，Cordova是一种基于JavaScript应用程序的打包框架，支持多平台开发；Weex则是一种基于Vue的框架，集成了很多有用的组件和API，完美支持Vue语法，而且相对于Cordova来说集成度更高，开发效率更高。两种方式各有优缺点，根据实际情况选择适合自己的方式即可。
