vue开发的app如何调用手机原生功能

Vue开发的App可以通过Cordova插件调用手机的原生功能。Cordova是一个开源的移动应用程序开发框架，它提供了一组API，允许我们使用JavaScript代码访问手机的原生功能，如相机、短信、电话、通讯录等。

下面以调用相机为例，介绍如何在Vue开发的App中使用Cordova插件调用手机的原生相机功能：

1. 安装Cordova插件

在终端中运行以下命令：

cordova plugin add cordova-plugin-camera

2. 在Vue组件中调用Cordova插件

在Vue组件的方法中调用Cordova插件，代码如下：

navigator.camera.getPicture(function(imageData) {
    console.log("Image data: " + imageData);
}, function(error) {
    console.log("Error: " + error);
}, {
    quality: 50,
    destinationType: Camera.DestinationType.DATA_URL
});

在上面的代码中，我们调用了Cordova插件的`getPicture`方法来打开手机的相机，并获取拍摄的照片。在方法的第一个回调函数中，我们可以获取到拍摄的照片数据，可以将其显示在页面上或上传到服务器。在方法的第二个回调函数中，我们可以处理相机打开失败的情况。在方法的第三个参数中，我们可以指定相机的选项，如照片质量、目标类型等。

3. 编译打包Vue App

在完成上述步骤后，我们需要使用Cordova命令行工具将Vue App编译打包成原生App，并在手机上安装运行。

在终端中运行以下命令：

cordova platform add android
cordova build android
cordova run android

完成以上步骤后，我们就可以在手机上测试调用相机功能了。类似地，我们也可以使用其他Cordova插件调用手机的其他原生功能。