Vue 解决路由同一相同页面 参数不一样 页面不刷新问题

Watch 监听路由

<template>
    <div class="h1">{{name }}</div>
</template>

<script>
    export default {
        name: "Test",
        data() {
            return {
                name : '',
            }
        },
        created() {
        }, watch: { 
            '$route': {
                    handler(newVal, oldVal) {
                        this.getview(newVal, oldVal)
                    },
                    deep: true,
                    immediate: true,
                } 
        },methods:{
            getview(to, from){
                this.name = this.$route.query.name 
            }
        }
    }
</script>