VUE使用 wx-open-launch-app 打开第三方app

在 Vue 中使用 `wx-open-launch-app` 打开第三方 App 可以通过以下步骤实现：

1. 首先，在 Vue 项目中安装 `wx-open-launch-app` 插件。可以通过 npm 或 yarn 进行安装：

npm install wx-open-launch-app --save

或

yarn add wx-open-launch-app

2. 在需要使用的组件中引入 `wx-open-launch-app` 插件，并注册为全局组件：

import WxOpenLaunchApp from 'wx-open-launch-app'

export default {
  components: {
    WxOpenLaunchApp
  },
  // ...
}

3. 在组件中使用 `wx-open-launch-app` 组件，并传入相应的参数：

<template>
  <div>
    <wx-open-launch-app :appid="appId" :path="path" @launch="launchApp"></wx-open-launch-app>
  </div>
</template>

<script>
export default {
  data() {
    return {
      appId: 'YOUR_APP_ID', // 替换为要打开的第三方 App 的 AppID
      path: 'YOUR_APP_PATH' // 替换为要打开的第三方 App 的路径
    }
  },
  methods: {
    launchApp() {
      // 第三方 App 打开成功后的回调函数
      console.log('App launched successfully!')
    }
  }
}
</script>

记得将 `YOUR_APP_ID` 和 `YOUR_APP_PATH` 替换为实际的 AppID 和路径。

这样，在点击 `wx-open-launch-app` 组件时，会触发打开第三方 App 的操作，并在成功打开后调用 `@launch` 事件中的回调函数。

请注意，这个插件主要适用于微信小程序内使用，具体使用方法可能因不同的第三方 App 和环境而有所差异。