项目结构

一般页面有关的会创建在views目录下，而组件有关的文件会创建在components目录下

public目录一般会放一些不会改变的文件

组件传值

非父子间的传值，通过事件总线，可以理解为全局变量

li标签，<li @click="menu1">如果写了click事件，就一定要实现方法，否则容易使服务出错

之后，在script部分写好对应click代码

Left的click事件

Right接收传值的script

总线js文件

这里需要格外注意的是，正常都是创建的.vue后缀文件，而总线其实在这里是.js文件，如果还按照vue文件，页面点导航的li标签是没有作用的；所以一定要改成js文件

根据导航传值判断右侧显示的相应内容

<div v-if="kk == 1">test</div>

为了使用json格式的数据，这里要安装一个插件axios

首先，安装axios插件：npm i axios -S

然后，到main.js中进行全局注册

全局注册axios

详情见代码，包含父子组件传值

总结

1. vue-cli2和vue-cli3安装，卸载和插件的安装，卸载

    首先要安装node，安装成功后就有了npm

2. 了解了重点文件及结构

3. 实现页面路由，路由嵌套，插件安装等

4. 小例子-导航显示列表内容 详情见