Truy cập thủ công

Bạn đang xem tài liệu Inertia.js v2. Inertia.js v3 đã được phát hành và hiện là phiên bản mặc định. Hãy xem hướng dẫn nâng cấp để bắt đầu.

Ngoài việc tạo liên kết, bạn cũng có thể chủ động thực hiện Inertia visit / request bằng JavaScript thông qua phương thức router.visit().

import { router } from '@inertiajs/vue3'

router.visit(url, {
    method: 'get',
    data: {},
    replace: false,
    preserveState: false,
    preserveScroll: false,
    only: [],
    except: [],
    headers: {},
    errorBag: null,
    forceFormData: false,
    queryStringArrayFormat: 'brackets',
    async: false,
    showProgress: true,
    fresh: false,
    reset: [],
    preserveUrl: false,
    prefetch: false,
    viewTransition: false,
    onCancelToken: cancelToken => {},
    onCancel: () => {},
    onBefore: visit => {},
    onStart: visit => {},
    onProgress: progress => {},
    onSuccess: page => {},
    onError: errors => {},
    onFinish: visit => {},
    onPrefetching: () => {},
    onPrefetched: () => {},
})

import { router } from '@inertiajs/react'

router.visit(url, {
    method: 'get',
    data: {},
    replace: false,
    preserveState: false,
    preserveScroll: false,
    only: [],
    except: [],
    headers: {},
    errorBag: null,
    forceFormData: false,
    queryStringArrayFormat: 'brackets',
    async: false,
    showProgress: true,
    fresh: false,
    reset: [],
    preserveUrl: false,
    prefetch: false,
    viewTransition: false,
    onCancelToken: cancelToken => {},
    onCancel: () => {},
    onBefore: visit => {},
    onStart: visit => {},
    onProgress: progress => {},
    onSuccess: page => {},
    onError: errors => {},
    onFinish: visit => {},
    onPrefetching: () => {},
    onPrefetched: () => {},
})

import { router } from '@inertiajs/svelte'

router.visit(url, {
    method: 'get',
    data: {},
    replace: false,
    preserveState: false,
    preserveScroll: false,
    only: [],
    except: [],
    headers: {},
    errorBag: null,
    forceFormData: false,
    queryStringArrayFormat: 'brackets',
    async: false,
    showProgress: true,
    fresh: false,
    reset: [],
    preserveUrl: false,
    prefetch: false,
    viewTransition: false,
    onCancelToken: cancelToken => {},
    onCancel: () => {},
    onBefore: visit => {},
    onStart: visit => {},
    onProgress: progress => {},
    onSuccess: page => {},
    onError: errors => {},
    onFinish: visit => {},
    onPrefetching: () => {},
    onPrefetched: () => {},
})

Tuy nhiên, nhìn chung sẽ thuận tiện hơn khi sử dụng một trong các phương thức request rút gọn của Inertia. Những phương thức này hỗ trợ đầy đủ các tùy chọn giống router.visit().

import { router } from '@inertiajs/vue3'

router.get(url, data, options)
router.post(url, data, options)
router.put(url, data, options)
router.patch(url, data, options)
router.delete(url, options)
router.reload(options) // Uses the current URL

import { router } from '@inertiajs/react'

router.get(url, data, options)
router.post(url, data, options)
router.put(url, data, options)
router.patch(url, data, options)
router.delete(url, options)
router.reload(options) // Uses the current URL

import { router } from '@inertiajs/svelte'

router.get(url, data, options)
router.post(url, data, options)
router.put(url, data, options)
router.patch(url, data, options)
router.delete(url, options)
router.reload(options) // Uses the current URL

Phương thức reload() là cách viết tắt tiện lợi, tự động truy cập lại trang hiện tại với cả preserveState và preserveScroll đều được đặt thành true, vì vậy rất phù hợp khi bạn chỉ muốn tải lại dữ liệu của trang hiện tại.

Phương thức

Khi thực hiện truy cập thủ công, bạn có thể dùng tùy chọn method để đặt HTTP method của request thành get, post, put, patch hoặc delete. Method mặc định là get.

import { router } from '@inertiajs/vue3'

router.visit(url, { method: 'post' })

import { router } from '@inertiajs/react'

router.visit(url, { method: 'post' })

import { router } from '@inertiajs/svelte'

router.visit(url, { method: 'post' })

Laravel không hỗ trợ tải file qua put hoặc patch. Thay vào đó, hãy gửi request bằng post, kèm field _method đặt thành put hoặc patch. Kỹ thuật này gọi là form method spoofing.

Wayfinder

v2.1.2+ Khi sử dụng Wayfinder, bạn có thể truyền object kết quả trực tiếp vào bất kỳ phương thức router nào. Router sẽ tự suy ra HTTP method và URL từ object Wayfinder.

import { router } from '@inertiajs/vue3'
import { show } from 'App/Http/Controllers/UserController'

router.visit(show(1))
router.post(store())
router.delete(destroy(1))

import { router } from '@inertiajs/react'
import { show } from 'App/Http/Controllers/UserController'

router.visit(show(1))
router.post(store())
router.delete(destroy(1))

import { router } from '@inertiajs/svelte'
import { show } from 'App/Http/Controllers/UserController'

router.visit(show(1))
router.post(store())
router.delete(destroy(1))

Nếu vừa cung cấp object Wayfinder vừa chỉ định tùy chọn method, tùy chọn method được ưu tiên.

import { router } from '@inertiajs/vue3'
import { update } from 'App/Http/Controllers/UserController'

router.visit(update(1), { method: 'patch' })

import { router } from '@inertiajs/react'
import { update } from 'App/Http/Controllers/UserController'

router.visit(update(1), { method: 'patch' })

import { router } from '@inertiajs/svelte'
import { update } from 'App/Http/Controllers/UserController'

router.visit(update(1), { method: 'patch' })

Dữ liệu

Bạn có thể dùng tùy chọn data để thêm dữ liệu vào request.

import { router } from '@inertiajs/vue3'

router.visit('/users', {
    method: 'post',
    data: {
        name: 'John Doe',
        email: 'john.doe@example.com',
    },
})

import { router } from '@inertiajs/react'

router.visit('/users', {
    method: 'post',
    data: {
        name: 'John Doe',
        email: 'john.doe@example.com',
    },
})

import { router } from '@inertiajs/svelte'

router.visit('/users', {
    method: 'post',
    data: {
        name: 'John Doe',
        email: 'john.doe@example.com',
    },
})

Để thuận tiện, các phương thức get(), post(), put() và patch() đều nhận data làm đối số thứ hai.

import { router } from '@inertiajs/vue3'

router.post('/users', {
    name: 'John Doe',
    email: 'john.doe@example.com',
})

import { router } from '@inertiajs/react'

router.post('/users', {
    name: 'John Doe',
    email: 'john.doe@example.com',
})

import { router } from '@inertiajs/svelte'

router.post('/users', {
    name: 'John Doe',
    email: 'john.doe@example.com',
})

Header tùy chỉnh

Tùy chọn headers cho phép bạn thêm header tùy chỉnh vào request.

import { router } from '@inertiajs/vue3'

router.post('/users', data, {
    headers: {
        'Custom-Header': 'value',
    },
})

import { router } from '@inertiajs/react'

router.post('/users', data, {
    headers: {
        'Custom-Header': 'value',
    },
})

import { router } from '@inertiajs/svelte'

router.post('/users', data, {
    headers: {
        'Custom-Header': 'value',
    },
})

Các header mà Inertia sử dụng nội bộ để truyền trạng thái của nó tới máy chủ có độ ưu tiên cao hơn và vì vậy không thể bị ghi đè.

Tùy chọn visit toàn cục

Bạn có thể cấu hình callback visitOptions khi khởi tạo ứng dụng Inertia để sửa các tùy chọn visit trên toàn cục cho mọi request. Callback nhận URL đích và các tùy chọn visit hiện tại, sau đó cần trả về object chứa những tùy chọn bạn muốn ghi đè.

import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/vue3'

createInertiaApp({
    // ...
    defaults: {
        visitOptions: (href, options) => {
            return {
                headers: {
                    ...options.headers,
                    'X-Custom-Header': 'value',
                },
            }
        },
    },
})

import { createInertiaApp } from '@inertiajs/react'
import { createRoot } from 'react-dom/client'

createInertiaApp({
    // ...
    defaults: {
        visitOptions: (href, options) => {
            return {
                headers: {
                    ...options.headers,
                    'X-Custom-Header': 'value',
                },
            }
        },
    },
})

import { createInertiaApp } from '@inertiajs/svelte'

createInertiaApp({
    // ...
    defaults: {
        visitOptions: (href, options) => {
            return {
                headers: {
                    ...options.headers,
                    'X-Custom-Header': 'value',
                },
            }
        },
    },
})

Tải file lên

Khi thực hiện lần truy cập / request có chứa file, Inertia sẽ tự động chuyển dữ liệu request thành object FormData. Nếu muốn request luôn dùng object FormData, bạn có thể sử dụng tùy chọn forceFormData.

import { router } from '@inertiajs/vue3'

router.post('/companies', data, {
    forceFormData: true,
})

import { router } from '@inertiajs/react'

router.post('/companies', data, {
    forceFormData: true,
})

import { router } from '@inertiajs/svelte'

router.post('/companies', data, {
    forceFormData: true,
})

Để biết thêm về tải file, hãy xem tài liệu chuyên biệt về tải file.

Lịch sử trình duyệt

Khi thực hiện các lần truy cập, Inertia tự động thêm một entry mới vào lịch sử trình duyệt. Tuy nhiên, bạn cũng có thể thay thế entry lịch sử hiện tại bằng cách đặt tùy chọn replace thành true.

import { router } from '@inertiajs/vue3'

router.get('/users', { search: 'John' }, { replace: true })

import { router } from '@inertiajs/react'

router.get('/users', { search: 'John' }, { replace: true })

import { router } from '@inertiajs/svelte'

router.get('/users', { search: 'John' }, { replace: true })

Các lần truy cập đến cùng một URL sẽ tự động đặt replace thành true.

Visit phía client

Bạn có thể dùng các phương thức router.push và router.replace để thực hiện visit hoàn toàn phía client. Các phương thức này hữu ích khi muốn cập nhật history của trình duyệt mà không gửi request đến máy chủ.

import { router } from '@inertiajs/vue3'

router.push({
    url: '/users',
    component: 'Users',
    props: { search: 'John' },
    clearHistory: false,
    encryptHistory: false,
    preserveScroll: false,
    preserveState: false,
    errorBag: null,
    onSuccess: (page) => {},
    onError: (errors) => {},
    onFinish: (visit) => {},
})

import { router } from '@inertiajs/react'

router.push({
    url: '/users',
    component: 'Users',
    props: { search: 'John' },
    clearHistory: false,
    encryptHistory: false,
    preserveScroll: false,
    preserveState: false,
    errorBag: null,
    onSuccess: (page) => {},
    onError: (errors) => {},
    onFinish: (visit) => {},
})

import { router } from '@inertiajs/svelte'

router.push({
    url: '/users',
    component: 'Users',
    props: { search: 'John' },
    clearHistory: false,
    encryptHistory: false,
    preserveScroll: false,
    preserveState: false,
    errorBag: null,
    onSuccess: (page) => {},
    onError: (errors) => {},
    onFinish: (visit) => {},
})

Mọi tham số đều là tùy chọn. Mặc định, tất cả tham số được truyền vào (trừ errorBag) sẽ được merge với trang hiện tại. Điều này có nghĩa bạn chịu trách nhiệm ghi đè URL, component và props của trang hiện tại khi cần. Nếu cần truy cập props của trang hiện tại, bạn có thể truyền một function vào tùy chọn props. Function này nhận props hiện tại (bao gồm mọi once props) và cần trả về props mới.

import { router } from '@inertiajs/vue3'

router.push({ url: '/users', component: 'Users' })

router.replace({
    props: (currentProps) => ({ ...currentProps, search: 'John' })
})

import { router } from '@inertiajs/react'

router.push({ url: '/users', component: 'Users' })

router.replace({
    props: (currentProps) => ({ ...currentProps, search: 'John' })
})

import { router } from '@inertiajs/svelte'

router.push({ url: '/users', component: 'Users' })

router.replace({
    props: (currentProps) => ({ ...currentProps, search: 'John' })
})

Function cũng nhận once props làm đối số thứ hai. Điều này hữu ích khi bạn muốn thay thế toàn bộ props thông thường nhưng vẫn giữ once props.

import { router } from '@inertiajs/vue3'

router.replace({
    props: (currentProps, onceProps) => ({ ...onceProps, search: 'John' })
})

import { router } from '@inertiajs/react'

router.replace({
    props: (currentProps, onceProps) => ({ ...onceProps, search: 'John' })
})

import { router } from '@inertiajs/svelte'

router.replace({
    props: (currentProps, onceProps) => ({ ...onceProps, search: 'John' })
})

Tùy chọn errorBag cho phép chỉ định error bag dùng khi xử lý lỗi validation trong callback onError. Hãy đảm bảo mọi route bạn push ở phía client cũng được định nghĩa ở phía máy chủ. Nếu người dùng refresh trang, máy chủ cần biết cách render trang đó.

Một số trình duyệt giới hạn số lần gọi history.pushState() và history.replaceState() trong một khoảng thời gian ngắn. Inertia bắt lỗi này và ghi vào console, nhưng việc cập nhật state sẽ bị mất. Hãy tránh gọi router.push() hoặc router.replace() quá thường xuyên, đồng thời cân nhắc debounce hoặc batch các update trong tình huống tần suất cao.

Prop helper

Inertia cung cấp ba phương thức helper để cập nhật page props mà không gửi request đến máy chủ. Đây là các cách viết tắt của router.replace() và tự động đặt preserveScroll cùng preserveState thành true.

import { router } from '@inertiajs/vue3'

// Replace a prop value...
router.replaceProp('user.name', 'Jane Smith')

// Append to an array prop...
router.appendToProp('messages', { id: 4, text: 'New message' })

// Prepend to an array prop...
router.prependToProp('tags', 'urgent')

import { router } from '@inertiajs/react'

// Replace a prop value...
router.replaceProp('user.name', 'Jane Smith')

// Append to an array prop...
router.appendToProp('messages', { id: 4, text: 'New message' })

// Prepend to an array prop...
router.prependToProp('tags', 'urgent')

import { router } from '@inertiajs/svelte'

// Replace a prop value...
router.replaceProp('user.name', 'Jane Smith')

// Append to an array prop...
router.appendToProp('messages', { id: 4, text: 'New message' })

// Prepend to an array prop...
router.prependToProp('tags', 'urgent')

Cả ba phương thức đều hỗ trợ dot notation cho prop lồng nhau và có thể nhận callback function, trong đó đối số đầu tiên là giá trị hiện tại và đối số thứ hai là props của trang hiện tại.

import { router } from '@inertiajs/vue3'

router.prependToProp('notifications', (current, props) => {
    return {
        id: Date.now(),
        message: `Hello ${props.user.name}`,
    }
})

import { router } from '@inertiajs/react'

router.prependToProp('notifications', (current, props) => {
    return {
        id: Date.now(),
        message: `Hello ${props.user.name}`,
    }
})

import { router } from '@inertiajs/svelte'

router.prependToProp('notifications', (current, props) => {
    return {
        id: Date.now(),
        message: `Hello ${props.user.name}`,
    }
})

Giữ lại state

Mặc định, các lần truy cập lại cùng một trang sẽ tạo một instance page component mới. Điều này khiến các state cục bộ như input của form, vị trí cuộn và trạng thái focus bị mất. Tuy nhiên, trong một số tình huống, cần giữ lại state của page component. Ví dụ, khi submit form, bạn cần giữ dữ liệu form nếu validation form thất bại ở phía máy chủ. Vì lý do này, các phương thức post, put, patch, delete và reload đều đặt tùy chọn preserveState thành true theo mặc định. Bạn có thể yêu cầu Inertia giữ state của component khi sử dụng phương thức get bằng cách đặt tùy chọn preserveState thành true.

import { router } from '@inertiajs/vue3'

router.get('/users', { search: 'John' }, { preserveState: true })

import { router } from '@inertiajs/react'

router.get('/users', { search: 'John' }, { preserveState: true })

import { router } from '@inertiajs/svelte'

router.get('/users', { search: 'John' }, { preserveState: true })

Nếu chỉ muốn giữ state khi response có chứa lỗi validation, hãy đặt tùy chọn preserveState thành “errors”.

import { router } from '@inertiajs/vue3'

router.get('/users', { search: 'John' }, { preserveState: 'errors' })

import { router } from '@inertiajs/react'

router.get('/users', { search: 'John' }, { preserveState: 'errors' })

import { router } from '@inertiajs/svelte'

router.get('/users', { search: 'John' }, { preserveState: 'errors' })

Bạn cũng có thể đánh giá trì hoãn tùy chọn preserveState dựa trên response bằng cách cung cấp một callback.

import { router } from '@inertiajs/vue3'

router.post('/users', data, {
    preserveState: (page) => page.props.someProp === 'value',
})

import { router } from '@inertiajs/react'

router.post('/users', data, {
    preserveState: (page) => page.props.someProp === 'value',
})

import { router } from '@inertiajs/svelte'

router.post('/users', data, {
    preserveState: (page) => page.props.someProp === 'value',
})

Giữ vị trí cuộn

Khi điều hướng giữa các trang, Inertia mô phỏng hành vi mặc định của trình duyệt bằng cách tự động đưa vị trí cuộn của document body (cũng như mọi vùng cuộn đã định nghĩa) trở lại đầu trang. Bạn có thể tắt hành vi này bằng cách đặt tùy chọn preserveScroll thành true.

import { router } from '@inertiajs/vue3'

router.visit(url, { preserveScroll: true })

import { router } from '@inertiajs/react'

router.visit(url, { preserveScroll: true })

import { router } from '@inertiajs/svelte'

router.visit(url, { preserveScroll: true })

Nếu chỉ muốn giữ vị trí cuộn khi response có lỗi validation, hãy đặt tùy chọn preserveScroll thành “errors”.

import { router } from '@inertiajs/vue3'

router.visit(url, { preserveScroll: 'errors' })

import { router } from '@inertiajs/react'

router.visit(url, { preserveScroll: 'errors' })

import { router } from '@inertiajs/svelte'

router.visit(url, { preserveScroll: 'errors' })

Bạn cũng có thể đánh giá trì hoãn tùy chọn preserveScroll dựa trên response bằng cách cung cấp một callback.

import { router } from '@inertiajs/vue3'

router.post('/users', data, {
    preserveScroll: (page) => page.props.someProp === 'value',
})

import { router } from '@inertiajs/react'

router.post('/users', data, {
    preserveScroll: (page) => page.props.someProp === 'value',
})

import { router } from '@inertiajs/svelte'

router.post('/users', data, {
    preserveScroll: (page) => page.props.someProp === 'value',
})

Để biết thêm về tính năng này, hãy xem tài liệu quản lý cuộn.

Tải lại một phần

Tùy chọn only cho phép bạn chỉ yêu cầu một tập con props (dữ liệu) từ máy chủ trong các lần truy cập tiếp theo đến cùng một trang, qua đó giúp ứng dụng hiệu quả hơn vì không cần truy xuất dữ liệu mà trang không có nhu cầu làm mới.

import { router } from '@inertiajs/vue3'

router.get('/users', { search: 'John' }, { only: ['users'] })

import { router } from '@inertiajs/react'

router.get('/users', { search: 'John' }, { only: ['users'] })

import { router } from '@inertiajs/svelte'

router.get('/users', { search: 'John' }, { only: ['users'] })

Để biết thêm về tính năng này, hãy xem tài liệu partial reload.

View Transition

Bạn có thể bật View transition cho một visit bằng cách đặt tùy chọn viewTransition thành true. Khi đó Inertia sử dụng View Transitions API của trình duyệt để tạo hiệu ứng chuyển trang.

import { router } from '@inertiajs/vue3'

router.visit('/another-page', { viewTransition: true })

import { router } from '@inertiajs/react'

router.visit('/another-page', { viewTransition: true })

import { router } from '@inertiajs/svelte'

router.visit('/another-page', { viewTransition: true })

Hủy lần truy cập

Bạn có thể hủy một lần truy cập bằng cancel token mà Inertia tự động tạo và cung cấp thông qua callback onCancelToken() trước khi thực hiện truy cập.

import { router } from '@inertiajs/vue3'

router.post('/users', data, {
    onCancelToken: (cancelToken) => (this.cancelToken = cancelToken),
})

// Cancel the visit...
this.cancelToken.cancel()

import { router } from '@inertiajs/react'

router.post('/users', data, {
    onCancelToken: (cancelToken) => (this.cancelToken = cancelToken),
})

// Cancel the visit...
this.cancelToken.cancel()

import { router } from '@inertiajs/svelte'

router.post('/users', data, {
    onCancelToken: (cancelToken) => (this.cancelToken = cancelToken),
})

// Cancel the visit...
this.cancelToken.cancel()

Các callback sự kiện onCancel() và onFinish() sẽ được thực thi khi một lần truy cập bị hủy.

Callback sự kiện

Ngoài sự kiện toàn cục của Inertia, Inertia còn cung cấp nhiều callback sự kiện cho từng visit.

import { router } from '@inertiajs/vue3'

router.post('/users', data, {
    onBefore: (visit) => {},
    onStart: (visit) => {},
    onProgress: (progress) => {},
    onSuccess: (page) => {},
    onError: (errors) => {},
    onCancel: () => {},
    onFinish: visit => {},
    onPrefetching: () => {},
    onPrefetched: () => {},
})

import { router } from '@inertiajs/react'

router.post('/users', data, {
    onBefore: (visit) => {},
    onStart: (visit) => {},
    onProgress: (progress) => {},
    onSuccess: (page) => {},
    onError: (errors) => {},
    onCancel: () => {},
    onFinish: visit => {},
    onPrefetching: () => {},
    onPrefetched: () => {},
})

import { router } from '@inertiajs/svelte'

router.post('/users', data, {
    onBefore: (visit) => {},
    onStart: (visit) => {},
    onProgress: (progress) => {},
    onSuccess: (page) => {},
    onError: (errors) => {},
    onCancel: () => {},
    onFinish: visit => {},
    onPrefetching: () => {},
    onPrefetched: () => {},
})

Trả về false từ callback onBefore() sẽ khiến lần truy cập bị hủy.

import { router } from '@inertiajs/vue3'

router.delete(`/users/${user.id}`, {
    onBefore: () => confirm('Are you sure you want to delete this user?'),
})

import { router } from '@inertiajs/react'

router.delete(`/users/${user.id}`, {
    onBefore: () => confirm('Are you sure you want to delete this user?'),
})

import { router } from '@inertiajs/svelte'

router.delete(`/users/${user.id}`, {
    onBefore: () => confirm('Are you sure you want to delete this user?'),
})

Bạn cũng có thể trả về promise từ các callback onSuccess() và onError(). Khi làm vậy, sự kiện “finish” sẽ được trì hoãn cho đến khi promise được resolve.

import { router } from '@inertiajs/vue3'

router.post(url, {
    onSuccess: () => {
        return Promise.all([
            this.firstTask(),
            this.secondTask()
        ])
    }
    onFinish: visit => {
        // Not called until firstTask() and secondTask() have finished
    },
})

import { router } from '@inertiajs/react'

router.post(url, {
    onSuccess: () => {
        return Promise.all([
            this.firstTask(),
            this.secondTask()
        ])
    }
    onFinish: visit => {
        // Not called until firstTask() and secondTask() have finished
    },
})

import { router } from '@inertiajs/svelte'

router.post(url, {
    onSuccess: () => {
        return Promise.all([
            this.firstTask(),
            this.secondTask()
        ])
    }
    onFinish: visit => {
        // Not called until firstTask() and secondTask() have finished
    },
})

Tài liệu chính thức

Bài dịch này được đối chiếu từ tài liệu Inertia.js v2 chính thức. Nếu có khác biệt do phiên bản hoặc cập nhật mới, hãy ưu tiên tài liệu chính thức làm nguồn tham chiếu.

Bắt đầu

Cài đặt

Khái niệm cốt lõi

Kiến thức cơ bản

Dữ liệu & Props

Bảo mật

Nâng cao

Phương thức

Wayfinder

Dữ liệu

Header tùy chỉnh

Tùy chọn visit toàn cục

Tải file lên

Lịch sử trình duyệt

Visit phía client

Prop helper

Giữ lại state

Giữ vị trí cuộn

Tải lại một phần

View Transition

Hủy lần truy cập

Callback sự kiện

Tài liệu chính thức

​Phương thức

​Wayfinder

​Dữ liệu

​Header tùy chỉnh

​Tùy chọn visit toàn cục

​Tải file lên

​Lịch sử trình duyệt

​Visit phía client

​Prop helper

​Giữ lại state

​Giữ vị trí cuộn

​Tải lại một phần

​View Transition

​Hủy lần truy cập

​Callback sự kiện

​Tài liệu chính thức

Phương thức

Wayfinder

Dữ liệu

Header tùy chỉnh

Tùy chọn visit toàn cục

Tải file lên

Lịch sử trình duyệt

Visit phía client

Prop helper

Giữ lại state

Giữ vị trí cuộn

Tải lại một phần

View Transition

Hủy lần truy cập

Callback sự kiện

Tài liệu chính thức