vue h5跳转到跳转小程序

<template>
   <div>
       this is a demo -- 014
       <div class="home">
           <wx-open-launch-weapp
                   id="launch-btn"
                   :username="username"
                   :path="path"
           >

           <script type="text/wxtag-template">
               <style>.btn { display: flex;align-items: center;padding: 12px;margin-left:30px;color:red;}</style>
               <button class="btn">h5打开小程序</button>
           </script>
           </wx-open-launch-weapp>
       </div>
   </div>
</template>


<script>
   //引用Jssdk文件
   const wx = require("jweixin-module");
   export default {
       name: "Applet",
       components:'',
       data() {
           return {

               username: 'gh_xxxxx', // gh_ 开头的原始小程序ID