项目结构
一般页面有关的会创建在views目录下,而组件有关的文件会创建在components目录下
public目录一般会放一些不会改变的文件
组件传值
非父子间的传值,通过事件总线,可以理解为全局变量
li标签,<li @click="menu1">如果写了click事件,就一定要实现方法,否则容易使服务出错
之后,在script部分写好对应click代码
这里需要格外注意的是,正常都是创建的.vue后缀文件,而总线其实在这里是.js文件,如果还按照vue文件,页面点导航的li标签是没有作用的;所以一定要改成js文件
根据导航传值判断右侧显示的相应内容
<div v-if="kk == 1">test</div>
为了使用json格式的数据,这里要安装一个插件axios
首先,安装axios插件:npm i axios -S
然后,到main.js中进行全局注册
详情见代码,包含父子组件传值
总结
1. vue-cli2和vue-cli3安装,卸载和插件的安装,卸载
首先要安装node,安装成功后就有了npm
2. 了解了重点文件及结构
3. 实现页面路由,路由嵌套,插件安装等
4. 小例子-导航显示列表内容 详情见