vue3入门和实战-vue3项目布局


前言

上一节,部署了vue3官方案例,我们需要结合自身项目页面的布局改造下目录结构。
这里涉及两个方面:
1)路由 2)页面layout


一、项目目标

我们的目标是用vue3开发一个网址导航的网站,方面我们工作中快速检索工具和信息查询。
导航网址不得不介绍webstack,我们在官方基础上进行二开。
项目地址
官方demo

在这里插入图片描述

二、页面布局

1.首页布局分析

首页左右布局,左侧导航栏目,右侧是导航内容
左侧上线布局,上面图标,下面栏目列表
右侧上中下布局,头部header,中间导航区域

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值