サンプル まずは普通に Mixins Higher-Order Components (HOCs) Scoped Slots Composition API ^3.0.0-rc.1 で動作確認しています。Composition API パターン以外は 2 系でも基本的には動くと思います。 サンプル マウスカーソルのポジションを表示するコン…

利用ケース メモ $el new Bar() or new Vue() ? 生成した Vue インスタンス内で Router などが使えない Vue インスタンスを作成して $mount すればおk。 add() { const instance = new Bar({ propsData: { date: new Date().valueOf() } }) .$on("click", da…

これは何か キーワード 横断的関心事とは Higher-Order Components Vue と Higher-Order Components Render Props Vue の Scoped Slots Render Props と Higher-Order Components Mixins Mixins => HOCs => Render Props => Hooks Vue Composition API Compo…

詳細は以下のレポジトリの README の中に。 GitHub - ryotah/When-Should-a-Page-State-is-Reset-in-Nuxt-Lifecycle

書きます。 何をテストするのか なぜ書くのか 入力と出力とは何か テストを書く前に調べること 一般的なコンポーネントのテストシナリオ Vue 単体テストのサンプル props と emit のテスト nuxt-link (router-link) を利用しているコンポーネントのテスト Ro…

Vue SSR ガイド, vuejs/vue-hackernews-2.0 を参考に環境構築を試してみた時のメモです。 サーバサイドで Vue をコンパイルする クライアントとサーバのコードをわける (Webpack) ルーティング プリフェッチを実現 サーバとクライアント、それぞれをビルドす…

10月に調べたことのメモです。 Vue, Nuxt 関連 Migrate to Nuxt 2.0 Nuxt の options.ignore を利用して pages 内にコンテナやストアを配置 ページ遷移時に権限確認 不要なビルド処理を削減 文字コード・正規表現 Unicode Property Escapes 文字コードの変換…

Vue のバリデーションライブラリ VeeValidate の使い方をまとめたもの。(VeeValidate 2.1.0-beta.11, Vue 2.5.17) 基本的な使い方 バリデーションルールのシンタックス カスタムルール さらに詳しく エラーメッセージ エラーメッセージを変更/追加する 入力…

9月に調べたことのメモです。 Vue 関連 ルーティング関連 i18n 言語データの整理方法メモ その他 Vue 関連 What is the best way to access this.$router.push() / router.push() inside the Vuex? · Issue #1384 · nuxt/nuxt.js · GitHub v-on to bind dom …

続編のようなものを書きました。 ryotah.hatenablog.com GitHub - ryotah/vue-vue-router-nuxt-hooks ログに表示される内容: [INFO] vue: [page] / [hook] Vue.js のライフサイクルフック created, beforeUpdate, destroyed, etc. [INFO] vue-router: [page]…

8月に調べたことのメモです。 Vue 関連 基礎 ちょっと応用 Angular 関連 JavaScript その他 その他 Vue 関連 基礎 Vue.js 学習メモ - ryotah’s blog Vuex 学習メモ - ryotah’s blog Nuxt.js 学習メモ - ryotah’s blog How to redirect with vue-router? · Is…

勉強会で発表した資料です。 Vue のリアクティブシステム、その中でも依存関係のある関数の収集と再実行をどのように実現しているのかについて解説しています。Object.defineProperty, Dep Class and Watcher. --- # 話すこと - Vue のリアクティブシステム…

これは何か Nuxt.js ガイド プロローグ はじめる インストール ディレクトリ構造 設定 ルーティング ビュー 非同期なデータ アセット プラグイン モジュール Vuex ストア コマンド 開発ツール その他 これは何か Nuxt.js の公式ドキュメントを読んだときのメ…

これは何か Vuex ガイド Vuex とは何か？ Vuex 入門 コアコンセプト ステート ゲッター ミューテーション アクション 実践的な例として、ショッピングカートをチェックアウトするアクション モジュール アプリケーションの構造 プラグイン 厳格モード フォー…

これは何か Vue.js ガイド 基本的な使い方 Components In-Depth トランジションとアニメーション 再利用と構成 ツール スケールアップ 内部 移行 その他 その他のドキュメントへのリンク これは何か Vue.js の公式ドキュメントを読んだときのメモです。 気に…