【测开中台教程-05】菜单模块的创建和插入

教育   2024-09-20 08:20   吉林  

    文末扫码进粉丝群,免费源码赠送!

    [本平台的教程我准备录制成视频,进行详细讲解,这样大家亲眼看到我操作,一些细微的动作也不会遗漏,新手跟的更好。这些视频课程,还有一些我之前搞付费培训讲过的诸如python基础/selenium基础等十来门视频课程都会放到知识星球里,并且每年我都会录制一个全新的塞进去,往常几千块的大型测试平台开发主课(用最新的技术实现)哦,不同于以前的培训内容,所以培训的老学员也可以来这里学点新鲜的哦~,虽然今天才刚创建,还是欢迎大家支持入驻,知识星球是收费的,我之前也不知道,我已经设置了平台要求的最低门槛费,并且平台要抽走这个费的。作为目前最安全最隐秘的私域技术学习地方,毕竟付费了,里面的内容不会有什么杂志,全都是干货精选了哦~ ]

    开始今天主题:

    菜单在每个页面左侧的都会出现,所以必然是一个公共可以调用的组件。而vuecli把这种小组件都藏在commponents文件夹了

    这里已经有vue给你准备的一个举例的小组件了,我们可以无视它,来创建一个自己的组件:Menu.vue

    创建时候选Vue Component,这样它就会给你自动填充三大块标签。

    我们可以试着给它加上一句表面身份:

    然后就把菜单组件引入到首页HomeView.vue中,来试试看!

 效果如下:注意,地址是8080的!

好,到这里,就算成功了。下节课我们来完善菜单模块,并进行初步的设计。

欢迎进群:   群内共享项目源码压缩包,集中讨论。


测试开发干货
测试开发不能每天只看鸡汤文,一定要多练习基础,保持每天都学或者巩固一个算法和技巧。欢迎关注本公众号,只发布干货文章。多多转载和分享哦~
 最新文章