weixin_37932555的博客

下图中，第3，4行斜杠后面的路径，是在第2步骤时候，index.js文件里定义的路径。创建新项目demo4（也可以不创建，用以前的项目），在vue项目的目录下，下面任意命令进行安装（建议yarn方式）创建one.vue,two.vue和first.vue三个文件，文件内容任意。注意：app.vue里设置的样式，是全局的，会影响之后的所有组件中的显示。在components里，创建几个vue文件，用于测试使用。单击左上方页面2的菜单，可以出现子菜单，但样式需要修改。目标：单击左上方的页面2，出现新的子菜单。

是我做的步骤逐个截图的。入门级的。通过年月日三级联动，学习vuecli的事件。不要着急，不要跳跃步骤，按顺序写就能出效果。需要源码留言给我。

学习vuecli的变量，循环，if条件

本文内容包含：下载安装node到安装vuecli，利用脚手架创建第一个项目

本节主要演示的是vue的事件，通过单击事件，change事件等学会事件使用的方法

计算属性和样式绑定

《vue项目实战入门与提高》，本专栏零基础开始学习到使用vue3全家桶完成项目案例，属于入门级课程，本节学习环境设置和基础语法。需要本节课案例代码可以发给大家