Cơ BảnVue.js iconVue.js

Vue Router cơ bản: cách setup và navigate?

Vue Router là official router cho Vue.js — quản lý navigation, URL history, route matching.

javascript
// router/index.ts
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: Home },
    { path: '/user/:id', component: User },
    { path: '/:pathMatch(.*)*', component: NotFound },
  ]
})

Navigate: <RouterLink to="/about"> trong template, hoặc router.push('/about') trong script. <RouterView /> là nơi component được render.

Xem toàn bộ Vue.js cùng filter theo level & chủ đề con.

Mở danh sách Vue.js