在vue js中通过router-view更新组件中的属性

<router-view></router-view>

import Vue from 'vue';
import VueRouter from 'vue-router';
import HomeComponent from './components/HomeComponent.vue';
import AboutComponent from './components/AboutComponent.vue';

Vue.use(VueRouter);

const routes = [
  { path: '/', component: HomeComponent },
  { path: '/about', component: AboutComponent }
];

const router = new VueRouter({
  routes
});

export default router;

export default {
  created() {
    console.log(this.$route.params.id); // 获取路由参数
    console.log(this.$route.query.page); // 获取查询参数
  }
}

export default {
  watch: {
    '$route'(to, from) {
      // 更新属性
    }
  }
}