vue手撸移动端后台(4)项目结构以及首页

本文介绍了如何使用Vue手动生成移动端后台项目的目录结构,包括错误页面、首页清理、用户管理和文章管理。详细步骤涉及创建404错误页面、删除helloworld组件、新增用户和文章管理页面。
摘要由CSDN通过智能技术生成

回到我们的项目目录,
在这里插入图片描述
正式的项目肯定不能这么简单的划分,为了更好的维护项目,我们构建一下自己的目录结构,我全部构建完毕,加上注释。依据团队习惯吧
在这里插入图片描述
构建完了目录,对页面进行几个初始化:

  • 错误页面404
  • 首页修改
  • 用户管理页面
  • 文章管理页面
  • 删除helloworld
1. 错误页面

在error目录下创建404.vue文件:

<template>
    <!-- eslint-disable -->
    <div>
    	<h1>404</h1>
    </div>
    <!-- eslint-enable -->
</template>
<script>
export default {}
</script>
<style scoped>
</style>
2. 首页清理

去掉helloworld相关的,全部删掉

<template>
    <div id="app&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值