vue路由跳转时改变路由参数组件不渲染问题【已解决】

效果展示

解决

router路由为了组件复用，防止组件的频繁销毁与创建，在遇到跳转的路由不一致才会进行重新渲染，路径参数变了他是不会管的，只会改变this.$route对象而已

就这个东西/:xxx

我们可以写一个watch监视this.$route对象。一旦发生变化，则发请求重新渲染

    watch: {
        '$route.params.articleId': {
            handler() {
                this.getArticleData();
            }
        }
    },

解决后