前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【测开中台教程-05】菜单模块的创建和插入

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

作者头像
我去热饭
发布2024-09-20 16:53:14
1070
发布2024-09-20 16:53:14
举报
文章被收录于专栏:测试开发干货

开始今天主题:

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

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

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

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-09-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试开发干货 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档