Vue3+.NET6实战 鲜花网电商项目（二）

一.网页模块划分

在src目录下新建一个文件夹命名为views，在views文件夹下新建文件，结尾都以.vue结尾

组件下

二.路由的配置和使用

1. 路由的作用

URL地址和页面的适配（改变网页地址也跟着改变）

2. 安装命令

npm install vue-router@next --save

3. src目录下新建路由文件routes.ts按右键代码块写入页面和路由映射关系

在src目录下新建一个文件routes

在这个文件里导入包和写下对应的路径

注意：所有的模块有导入一定要导出不然会报错export default router

4. 然后在main函数中写入代码使用路由

import router from './routes'导入路由

app.use(router)使用路由

5. 在App.vue中引入<router-view></router-view>