Yukii's Blog

  • Scraps

  1. Home
  2. Scraps
  3. Vue Router

Vue Router

router.push などにおいて利用される route 解決が欲しい場合、それは router.resolve から行える。

https://router.vuejs.org/api/#resolve

---2022/06/16

Related Scraps:

Vue 2 のインスタンスのデータを css で利用する方法

style オブジェクトで、変数定義を行い、それを css 側から利用すれば良い。

Vue コンポーネントのインスタンス型を推論する方法

const MyComponent = Vue.extend({
  // ...
});

export type MyComponentInstance = InstanceType<typeof MyComponent>

Vue 3 での Reactivity System

Proxy によって、 attribute の読み書きをフックする。 obj['attr'] = val や delete でも動作する。

https://www.sitepoint.com/vue-3-reactivity-system/

Nuxt での Vue Router 上の meta の取り扱い

Nuxt においては、 Vue Router 上の meta 指定相当のことは、各ページコンポーネントに meta のフィールドを生やすことで指定できる。

ただし、 router middleware や asyncData などでしかそれは利用できない。

Vue.js に外部ライブラリの dom 操作を組み込む

vm と dom 操作を自力でやれば、外部ライブラリを integrate できる。

https://v2.vuejs.org/v2/examples/select2.html


© 2018-2022 Yukii