hỏi về router vuejs

Bạn cần tìm hiểu về vue-router nhé, mình có ví dụ sẵn bên dưới

// Tạo file route.js
import VueRouter from 'vue-router'

import Home from ...
import Product from ...

export default new VueRouter({
    routes: [
    {
        path: '/home',
        component: Home,
        name: 'Home',
    },
    {
        path: '/product',
        component: Product,
        name: 'Product',
    },
]})

// Tạo file index.js
import Vue from 'vue'

import Home from ...
import router from './router

new Vue({
    router,
    template: '<Home />',
    components: { Home },
}).$mount('#root') // tao 1 index.html co div voi ID la root roi import file.js da duoc build

// index.html
<div id="root"></div>
<script src="../build.js"></script>

Mình nghĩ bạn đang tìm kiếm thứ này

Mình chưa thử nhưng đang nghĩ đến cách sử dụng watch để reload lại data khi thấy route hiện tại thay đổi thành chính nó. Bạn thử theo hướng này xem.

export default {
  ...
  methods: {
    loadData () {
      // Load data ở trang chủ
    }
  },
  watch: {
    '$route.params.name'(to, from) {
      if (to === from) {
        this.loadData()
      }
    }
}
}