Vue引用public中的js文件

背景

由于一些演示，需要对一些简单页面进行配置，由于打包build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。所以文件放在public。

步骤 

1.在public文件夹下创建config.js文件 用window.config 这样方式挂载也是可以的，或者直接定义变量。

let config = [
  // window.config = [
  {
    title: '智能指挥中心1',
    content: [
      {
        labe: '全视通（包含商事可视化）',
        url: 'http://www.baidu.com/'
      },
      {
        labe: '任务处置',
        url: 'http://www.baidu.com/'
      },
      {
        labe: '指挥调度',
        url: 'http://www.baidu.com/'
      },
      {
        labe: '应急管理',
        url: 'http://www.baidu.com/'
      }
    ]
  }
  
    
  
];

2.在public文件夹html文件下，使用标签进入。

  
    
    
    
   //通过script引用   
 

    
    
  
  
    
    

    
  

3 直接用

export default {
  name: 'Home',

  data() {
    return {
      loading: false,
      data: config
      // data: window.config //两种方式都可以
    };
  },
  methods: {
    go(url) {
      window.open(url);
      console.log(config);
    }
  }
};