vue 做app

Vue.js 是一款流行的渐进式 JavaScript 框架，专为构建用户界面而设计。它采用了一系列响应式的组件和数据绑定系统，使得开发者可以轻松地构建 SPA（单页应用程序）和 MOBILE APP。Vue.js 与其他框架相比，最大的不同是其强大的 MVVM 模式以及轻量级的体积以及良好的性能和可读性。

Vue 可以通过使用 Vue CLI 集成 Cordova 插件实现本地 APP 开发，这样可以将 Vue 构建出来的 Web 应用程序打包成本地应用程序。Vue + Cordova 的集成可以使得我们在开发 Web 应用程序的同时，轻松地构建本地应用程序，使得 Vue 应用程序很容易跨平台使用。

Cordova 是一个专门用于构建混合应用程序的平台。通过使用 Cordova 可以快捷地将源代码打包成相应平台下的安装文件。

下面是基于 Vue + Cordova 的原理或详细介绍：

1. 创建 Cordova 项目

首先，我们需要创建一个 Cordova 项目来运行我们的应用程序。要创建 Cordova 项目，需安装 Cordova CLI。安装完成后，将在你的计算机上拥有 cordova 命令，使用此命令即可进行创建。

```

$ cordova create hello com.example.hello HelloWorld

```

此命令是在当前目录下创建名为 **hello** 的 Cordova 项目，并将 id 设置为 **com.example.hello**，名称为 **HelloWorld**。这一步处理完成后，需要进入到项目根目录。

2. 配置 Cordova 项目

输入命令行，输入以下命令：

```bash

$ cordova platform add android

```

将在项目中添加 Android 平台。同样，你可以选择添加 iOS 平台或 Windows 平台。添加平台后，Cordova 将它们作为项目在顶部目录中显示。现在，Cordova 项目已经准备好本地开发本地 APP。

3. 安装插件

接下来，需要添加一些 Cordova 插件以启用 APP 中的各种功能，如照相机、地理位置、计算机视觉等。现在，我们将添加两个插件，分别是 Camera 和 Geolocation。

```bash

$ cordova plugin add cordova-plugin-camera

$ cordova plugin add cordova-plugin-geolocation

```

这将在 Cordova 项目中添加相机和地理位置插件。

4. 安装 Vue

在 Cordova 项目中添加 Vue 是相对容易的。安装 Node.js 和 npm 是前置条件。

首先，将 Vue 安装为开发依赖项。

```bash

$ npm install vue --save-dev

```

其次，在你希望使用 Vue 的文件中包含它：

```html

```

我们也可以从 node_modules 中导入 vue：

```javascript

import Vue from 'vue'

```

5. 进行 Vue 组件编写

在这一步中，需要编写 Vue 应用程序组件。同时，需要了解 Vue 的组件 API，了解如何将计算属性、标记语言、绑定元素和事件绑定。

这里给出一个简单的 Vue 应用程序组件示例：

```html