Vue引用本地数据

735 阅读1分钟
  1. 在 public 下新建 config.js,并写入数据

    GAME_DATA = [
       {
          id: 1029,
          name: '消消乐',
          iconAmount: 18
       },
       {
          id: 1030,
          name: '消消消乐',
          iconAmount: 18
       },
       {
          id: 1031,
          name: '消消消消乐',
          iconAmount: 18
       }
    ]
    
  2. public 下的 index.html 的 head 标签引入 js 文件

    <script src="/config.js"></script>
    
  3. 将引入的js内的变量写入 main.js 挂载到原型上

    Vue.prototype.GAME_DATA = GAME_DATA
    
  4. 全局 this.GAME_DATA 调用变量 或 在视图中 GAME_DATA 使用