Vue.js

PR
JavaScript

Vue.js(v3)のv-forでrefを使う方法(Composition API)

Vue.jsのComposition APIを使っているコンポーネントで、v-forをしている箇所に対して、refを使うときにハマりました。 やりたかったのはv-forで複数定義しているテキストエリアをrefで参照して、値を更新するという処...
JavaScript

Vue.js(v3)でemitを使う(Composition API)

Vue.js(v3)のComposition APIで、emitを使う方法を書いています。 emitについては、前回の記事に書いていますので確認してみてください。 前回の記事で作成したコンポーネントと同じものをv3のCompositio...
JavaScript

Vue.js(v2)のemitを使う方法(子から親への値渡し)

Vue.js(v2)で子から親へ、emitを使って値を渡したりする方法を書いています。 Vue.jsのバージョンは2(Options API)です。 emitについての公式ドキュメントは下記になります。 emitとは? 子コンポーネ...
PR
JavaScript

Vue.js(v2, v3)のrefsの使い方(親から子の要素参照)

Vue.jsでrefsを使用して、コンポーネントの要素を参照する方法について書いています。 Vue.jsのバージョンは2と3(Composition API)で動作を確認しています。 公式のドキュメントはこちらに記載してあります。 V...
JavaScript

Vue.js(v3)のpropsの使い方(親から子に値渡し)

Vue.jsでpropsを使用して値を受け渡す方法について書いています。 Vue.jsのバージョンは3で動作を確認しています。 公式のドキュメントも確認して、実際によく使いそうな書き方やハマりそうな箇所について解説しています。 公式のドキ...
JavaScript

Vue.js(v3)でコンポーネントを作成する方法

Vue.jsでコンポーネントを作成する方法について書いています。 Vue.jsのバージョンは3で動作を確認しています。 公式のドキュメントのこちらに記載している内容をもとに、検証して記事にしてみました。 Vue.jsのコンポーネントと...
Laravel

LaravelでVue.js(v3)を使う方法!

LaravelでVue.jsのバージョン3を使い始めました。 この記事ではLaravelのバージョン8でVue.jsのバージョン3を導入する方法について書いています。 Laravelのプロジェクトを準備して、Vue.jsのバージョン3を使っ...
JavaScript

Nuxt.jsでpluginを使ってみた(郵便番号検索)

Nuxt.jsでpluginを使ってみた(郵便番号検索) 前回はaxiosをnuxtに導入して、郵便番号apiやqiita apiを動かしてみました。 今回はnuxtで郵便番号検索プラグイン作ってみたので、自作プラグインの作り方を書いてい...
JavaScript

[Nuxt.js]axiosをnuxtで使う方法とproxyでのCROS制約回避

axiosをnuxtで使う方法です。 nuxtでのaxiosの導入方法と、実際に使ってQiitaからデータを取ってきてみています。 zipcloudという郵便番号サービスにアクセスを行うと、cros制約にかかったので cros制約をnux...
Laravel

[laravel]laravel(v6)でvue-routerを使う

前回に引き続いて、vue-routerを入れて動かしてみました。 ページを2つ作って、vue-routerに定義して、画面遷移できるところまで確認してみました🤔 vue-routerとは vue-routerはvueで、URLルーティン...
Laravel

[laravel]laravel(v6)にvueを導入する(JS&CSSスカフォールド)

laravelスカフォールド? 公式をみてみるとlaravelのフロントエンドでbootstrap、vueやreactなどを導入するための仕組みのようです。 今回はこれを使って、vueを導入してみました。 laravelはvertion...
JavaScript

[Nuxt.js]nuxtでtypescriptを使ってみた(todolist作成)

nuxtにtypescriptを入れて使ってみました。 typescriptをインストールする 公式のセットアップ手順によると、 @nuxt/typescript-buildと@nuxt/typescript-runtimeが必要そうで...
PR
タイトルとURLをコピーしました