vue2

vue

vue-router

安装vue-router
image
当前项目下安装

image
需要导入

image

vue3的写法
main.js

import { createApp } from 'vue'
import App from './App.vue'
import Router from 'vue-router'

const app = createApp(App)
app.use(Router)

createApp(App).mount('#app')

自己的组件

new vue组件
image

要有导出
image

那么就有导入
image

这边有一个作用域,加了只在当前模板下有用
image
image

写一个router跳转
image

同理可以写一个主页的vue
所以要配置两个路由
image

image
这个和java中的@RequestMapping

只是配置了,还没有启用
启用要在main.js
这里是自动扫描配置
image

使用路由
image

名字要一样
image
.

image

vue + elementUI

image

别人的代码
image

router文件夹下面的
image

在main.js下面引入
image

posted @ 2023-04-19 10:00  拿受用  阅读(128)  评论(0编辑  收藏  举报