Vue项目中遇到的问题（总结）

Vue项目中遇到的问题：

使用vue读取本地json文件：

      需要安装vue-resource插件，然后使用它的$http.get来读取json文件                                                 
     json文件应该是必须放在static目录下

• npm install vue-resource
• 在main.js文件中添加：

import VueResource from 'vue-resource' Vue.use(VueResource) 
import VueResource from 'vue-resource' Vue.use(VueResource)

• 最后读取json数据：

   this.$http.get('static/map/china.json').then(res => {
   
          console.log("json数据为:" + res.body)
   //此处的res对象包含了json的文件信息和数据，我们需要的json数据存在于body属性中
      })

将代码在浏览器显示（Vue使用Highlight.js高亮代码）

1.搜索Highlight官网

  npm i highlight.js

2.创建下面文件夹 highlight + highlight.js(注意层级关系)

3.在js文件中放入如下代码：

// highlight.js 代码高亮指令
import Vue from 'vue';
import Hljs from 'highlight.js';
import 'highlight.js/styles/github.css';

let Highligh