vue搭建前端项目

    初学vue，刚开始跟着某教程学习了一段时间，发现只会引入vue.js，然后使用一下v-for之类的。一些逻辑还是离不开js。这绝对不是我想要的。于是跟着vue群的大佬开始学习，他远程帮我搭建第一个简单的项目网站，我一遍学习一边记录，在这简单记录一下知识点。

0：大家可以跟着官网搭建出网站的雏形。然后来看看目录结构，由于学vue时间不长，现在只是主要在src里面进行操作。。

1  : main.js收所有文件的入口，用来配置全局变量，引入所有需要的框架、框架需要提交安装好的。

    例如安装echarts。命令为：npm install echarts --save

2：App.vue是主组件，一般不谢代码，配置路由的话，写router-view即可

3：在components目录中放.vue页面。

4:router/index.js中是配置的路由，先引入后进行配置路径与对应的页面，这里使用了子路由：rediect是设置了默认路径

5：需要添加一个页面时：

    （1）：在components中增加一个vue文件

    （2）：在router中进行引入并配置路径

6：使用ajax调用假数据的时候遇到的问题，报错路径不正确，请教大神后明白是因为接口的问题，于是mock模拟了接口后成功。mock目录以及index.js内容如下：

7：对于页面之间跳转，使用路由的方法：

        this.$router.push({path:urls, query: { id: thisId, option: ""}});    //url是路径，后面是参数。

8：剩下的各种坑，就是对vue的不熟练了。希望大家可以学到