Vue是基于MVVM模式的前端框架，而針對移動端App的開發(fā)，我們可以借助一些工具將Vue打包成App。下面，我將介紹兩種將Vue打包成App的方式。
一、通過Cordova打包
Cordova是一個可以將JavaScript應(yīng)用程序打包成原生應(yīng)用程序的開源框架。借助Cordova，我們可以將Vue應(yīng)用程序封裝為原生應(yīng)用程序，并發(fā)布到iOS和Android等平臺上。
下面是具體步驟：
1. 創(chuàng)建Vue項目
首先，我們需要通過Vue Cli創(chuàng)建一個Vue項目。在終端執(zhí)行：
```
vue create my-project
```
2. 添加 Cordova 插件
在Vue項目中，我們需要使用Cordova插件。在終端執(zhí)行：
```
vue add cordova
```
3. 配置 Cordova
在添加完Cordova插件后，項目下會出現(xiàn)`cordova`的文件夾，其中的`config.xml`文件中需要配置我們App的各種設(shè)置，如版本號、應(yīng)用名稱、圖標(biāo)等。這個文件很重要，在使用Cordova打包應(yīng)用的時候，默認(rèn)會使用這個文件中的配置信息。
4. 執(zhí)行打包命令
在終端執(zhí)行以下命令進行打包：
```
npm run cordova-prepare
```
5. 生成原生應(yīng)用程序
在運行以上命令后，會生成對應(yīng)平臺的原生應(yīng)用程序。對于每一個平臺，執(zhí)行以下命令生成對應(yīng)的應(yīng)用程序：
```
cordova build android
cordova build ios
```
二、通過Weex打包
Weex是一個可以將Vue組件渲染成原生頁面的框架，可以很好的支持跨平臺應(yīng)用的開發(fā)。借助Weex，我們可以將Vue組件渲染成原生應(yīng)用程序，并發(fā)布到iOS和Android等平臺上。
下面是具體步驟：
1. 創(chuàng)建Vue項目
首先，我們需要通過Vue Cli創(chuàng)建一個Vue項目。在終端執(zhí)行：
```
vue create my-project
```
2. 安裝 Weex
在終端執(zhí)行以下命令安裝：
```
npm install weex-toolkit -g
```
3. 創(chuàng)建Weex文件
我們需要在Vue項目中創(chuàng)建`weex`文件夾用來存放Weex文件，Weex文件使用Vue的語法。下面是一個簡單的Weex文件：
```
```
4. 配置Weex
在Vue項目中有個`vue.config.js`文件，需要添加以下配置：
```
module.exports = {
configureWebpack: {
resolve: {
alias: {
'vue$': 'weex-vue-precompiler'
}
}
}
}
```
5. 生成原生應(yīng)用程序
在終端執(zhí)行以下命令進行打包：
```
npm run weex:build
```
封裝后的原生應(yīng)用程序?qū)⒋娣旁赻dist`目錄下。
總結(jié)：
以上兩種方式都可以將Vue打包成App進行發(fā)布。其中，Cordova是一種基于JavaScript應(yīng)用程序的打包框架，支持多平臺開發(fā)；Weex則是一種基于Vue的框架，集成了很多有用的組件和API，完美支持Vue語法，而且相對于Cordova來說集成度更高，開發(fā)效率更高。兩種方式各有優(yōu)缺點，根據(jù)實際情況選擇適合自己的方式即可。
