vue项目引入远程jweixin-1.2.0.js文件并使用详解

npm install axios --save
# 或者
npm install script-loader --save-dev

<template>
  <div>
    <!-- 你的组件模板 -->
  </div>
</template>
 
<script>
import axios from 'axios';
 
export default {
  name: 'YourComponent',
  mounted() {
    axios.get('https://res.wx.qq.com/open/js/jweixin-1.2.0.js').then(response => {
      const script = document.createElement('script');
      script.innerHTML = response.data;
      document.body.appendChild(script);
      
      // 确保jweixin-1.2.0.js加载完成后再使用其API
      if (window.wx) {
        // 使用wx对象提供的API
        wx.config({
          // ... 微信配置
        });
        // 其他API调用
      }
    });
  }
};
</script>

<template>
  <div>
    <!-- 你的组件模板 -->
  </div>
</template>
 
<script>
export default {
  name: 'YourComponent',
  mounted() {
    require('script-loader!https://res.wx.qq.com/open/js/jweixin-1.2.0.js');
    
    // 确保jweixin-1.2.0.js加载完成后再使用其API
    if (window.wx) {
      // 使用wx对象提供的API
      wx.config({
        // ... 微信配置
      });
      // 其他API调用
    }
  }
};
</script>