最近まで知らなかったVueのTips

メモ代わりに

へぇ。。。　ってなる挙動を最近ソース呼んだりしていろいろ知ったので。

vue-routerのnextってやつ

こいつはナビゲーションを解決するために呼ぶやつだが、以下の使い方ができる

• 普通にnext() いつもどおり
• next({ name: 'hoge' }) $router.push({name: 'hoge'})と同じ
• next((vm) => {}) これは。。。　?????? vueのインスタンスが手に入る. つまりbeforeRouterEnterとかあの手のやつで$storeにアクセスしたりできる。

vue-routerの{name: 'hoge' params: ...}って形のObject

• プロパティに replace: boolean , append: boolean ってやつがある。　これをするとreplace挙動になったりする　前述のnextの中で使える

vue-routerのレコード定義にpropsを書くやつ

これはドキュメントにも書いてある。

• Objectを渡す => そのままPropsBindingされる
• trueを渡す => $route.params がPropsになる
• functionを渡す => 任意の戻り値がPropsになる

vue-routerのレコード定義にあるstrictプロパティ

これがfalseだとpathの先頭の/を消してからmatchをし始める。 付けとかないと事故るのでは？？？　

vue-loaderのscoped cssの deep selector

.a >>> b {
   ...
}

みたいなセレクタを書くことができる。 これを書くと動的なcomponentとか、v-htmlに対してスタイルを当てられる