【vue-router】Vue.js流のページ遷移

#templateタグでのページ遷移（宣言的）

<router-link to=""></router-link>

###実際の使い方

ユーザーマイページ(id: 1)にページ遷移したいとする

//オブジェクト
<router-link to="/profile"></router-link>

//名前付きルート
<router-link :to="{ name: 'user', params: { userId: 1 } }">ユーザーマイページ</router-link>

アンカータグの内部的なプログラムとして、router.push()というソースコードになる。

#scriptタグ内でのページ遷移（プログラム的）

this.$router.push()

###実際の使い方

ユーザーマイページ(id: 1)にページ遷移したいとする

//文字列パス
this.$router.push('profile')

//オブジェクト
this.$router.push({ path: '/profile' })

//名前付きルート
this.$router.push({ name: 'user', params: {userId: '1' } })