浏览器状态栏中的<routeur-view> url更改，但页面内容未更新

Question

第一个perfumes加载良好，链接正常，当我单击“ goto pageA”（或pageB）时，浏览器中的URL栏会更改并显示正确的URL PERFUME = {"prefume1", "perfume2", "scent1"} CREAM = {"cream1", "cream2"} （或PageB），但页面的内容未更新。
所有.vue都会出现此问题。

vuejs 2 + vue-router@3.1.3 Vue.js 2的官方路由器

resources / js / app.js

class X(models.Model):
    perfume = ListTextField(base_field=models.CharField(max_length=20))
    cream = ListTextField(base_field=models.CharField(max_length=20))

resources / views / vue.blade.php（登录页面）

Example.vue

resources / js / components / PageA.vue（pageB.vue，Example.vue和pageRoot.vue相似，除了H1标签）

localhost/tlara/public/PageA

Answer 1

好吧... 我从资源/视图/vue.blade.php（着陆页）中删除了<router-view>，并将其放在Example.vue中，并且可以正常工作！

resources / views / vue.blade.php（登录页面）

<template>
    <div>
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>