学习记录415@vue 路由<router-view></router-view>不起作用

main.js

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

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

app.vue

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<style>
</style>

Login.vue

<template>
    <div>
        登录组件
    <div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>

</style>

运行之后切换路径就是不路由跳转
在这里插入图片描述
原因是
在这里插入图片描述
关键是也没有报错,但是我加上斜杠后,再取消斜杠就检测报错了,估计是vscode的延迟bug!


版权声明:本文为weixin_44663675原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。