文末扫码进粉丝群,免费源码赠送!
[本平台的教程我准备录制成视频,进行详细讲解,这样大家亲眼看到我操作,一些细微的动作也不会遗漏,新手跟的更好。这些视频课程,还有一些我之前搞付费培训讲过的诸如python基础/selenium基础等十来门视频课程都会放到知识星球里,并且每年我都会录制一个全新的塞进去,往常几千块的大型测试平台开发主课(用最新的技术实现)哦,不同于以前的培训内容,所以培训的老学员也可以来这里学点新鲜的哦~,虽然今天才刚创建,还是欢迎大家支持入驻,知识星球是收费的,我之前也不知道,我已经设置了平台要求的最低门槛费,并且平台要抽走这个费的。作为目前最安全最隐秘的私域技术学习地方,毕竟付费了,里面的内容不会有什么杂志,全都是干货精选了哦~ ]
开始今天主题:
菜单在每个页面左侧的都会出现,所以必然是一个公共可以调用的组件。而vuecli把这种小组件都藏在commponents文件夹了
这里已经有vue给你准备的一个举例的小组件了,我们可以无视它,来创建一个自己的组件:Menu.vue
创建时候选Vue Component,这样它就会给你自动填充三大块标签。
我们可以试着给它加上一句表面身份:
然后就把菜单组件引入到首页HomeView.vue中,来试试看!
效果如下:注意,地址是8080的!
好,到这里,就算成功了。下节课我们来完善菜单模块,并进行初步的设计。
欢迎进群: 群内共享项目源码压缩包,集中讨论。