Vue开发微信公众号网页跳转小程序

需求描述：Vue开发的公众号网页，点击图标跳转小程序

公众号中跳转小程序，一般是配置菜单栏跳转即可，但是我们需要在页面中跳转，就需要微信的开放标签了

微信开放标签说明文档
此文档面向网页开发者，介绍微信开放标签如何使用及相关注意事项。需要注意的是，微信开放标签有最低的微信版本要求，以及最低的系统版本要求。
微信版本要求为：7.0.12及以上
系统版本要求为：iOS 10.3及以上、Android 5.0及以上

话不多说，上代码
HTML模板

    <!-- 
          username: 小程序原始ID
          path： 小程序首页路径
    -->
    <wx-open-launch-weapp
      id="launch-btn"
      username="**********"
      path="pages/index/index"
      @click="jumpProgam"
    >
      <!-- Vue项目模板type值必须为text/wxtag-template -->
      <script type="text/wxtag-template"