Vue Routerの基本と高度な使い方
原理
ボタンクリック/ルートトリガー → パス変更 → routerによる検知 → router/index.jsの設定ルールに基づき対応ページへ遷移
基本的な使用法
対応するSPAコンポーネント（vueページ）を作成
---AboutPage.vue---
<template>
<h2>Aboutページのコンテンツ</h2>
</template>
<script>
export default {
name: 'AboutP ...
7月2日 22:12 投稿
Vue Router 重複ルート遷移エラーの原因と対策
エラー概要
Vue Router で router.push や router.replace を連続で同じパスに実行すると、次のようなコンソールエラーが発生します。
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location "/xxx"
at createRouterError (vue-router.esm.js:...)
これは「現在の場所と同一のルートへ再遷移しようとしたため、Vue Router が重 ...
6月29日 18:29 投稿
Vue.js でルート遷移時にデータを更新する方法
1. プロジェクト内のルート遷移
mounted と created は一度だけ実行されるため、データの変更を監視しても効果がありません。プロジェクトで <keep-alive> を使用している場合、activated フックを使用してデータの更新を監視します。
1.1. パラメータを変更するページ (home.vue)
各遷移時にパラメータを変更し、異なるタイムスタンプを取得することで、URL を次 ...
5月20日 02:53 投稿