Vue.js

[Vue.js] ボタンクリックだけでなくEnterキー押下でもフォーム送信させる方法

概要 Vue.jsでフォーム送信を行う場合、type="button"のbutton要素やinput要素のclickイベントで処理するのが一般的である。ボタンクリックだけでなくEnterキーを押した時にもフォーム送信したい場合は、form要素のsubmitイベントハンドラで処理する必要がある。 clickイベントで処理する場合 <html lang="ja"> <head> <meta chars...

2023.05.25

Vue.js

「Vue.js3やさしい入門書」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る「Vue.js3やさしい入門書」の感想・備忘録1の続きスロット親コンポーネント <template> <Ko>ほげほげ</Ko> </template> 子コンポーネント <template> <slot>デフォルト値</slot> </template> propsとslotの使い分け文字列や数値などのデータを受け渡すだ...

2022.11.26

Vue.js(書評)

「Vue.js3やさしい入門書」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 87点感想 Vue.3のComposition API、糖衣構文、Piniaについてわかりやすく説明されていて、なかなかの良書だった。 Vite Vue.js3.2からはVue CLIではなくViteがビルドツールとして推奨されている。 Vue CLIよりも高速でreactにも対応している。使い方npm init vi...

2022.11.19

Vue.js(書評)

[Vue.js3] Composition APIのわかりやすい解説

概要 Vue.js 3から導入されたComposition APIについて、簡単にまとめました。 Vue.js 2の記述方法はOptions APIと呼ばれる。Vue.js 3ではComposition APIが導入された。Vue.js 3ではOptions API・Composition APIのどちらの記述でも動作するが、Composition APIの方が再利用性や可読性に優れている。 Co...

2022.10.05

Vue.js(書評)

「後悔しないためのVueコンポーネント設計」の感想・備忘録2

後悔しないためのVueコンポーネント設計posted with ヨメレバ中島直博インプレスR＆D 2019年06月楽天ブックスで見るAmazonで見るKindleで見る ebookjapanで見る「後悔しないためのVueコンポーネント設計」の感想・備忘録1の続きなにをテストするかテストの対象筆者は以下をコンポーネントのテスト項目としている。 templateでv-on, v-bind:...

2022.07.09

Vue.js(書評)

「後悔しないためのVueコンポーネント設計」の感想・備忘録1

後悔しないためのVueコンポーネント設計posted with ヨメレバ中島直博インプレスR＆D 2019年06月楽天ブックスで見るAmazonで見るKindleで見る ebookjapanで見る書籍「後悔しないためのVueコンポーネント設計」のまとめ。点数 75点感想コンポーネントの設計がわかりやすく、論理的に説明されていた。テストしやすいコンポーネントは「機能が少なく状態を持たな...

2022.07.02

Vue.js(書評)

vue serveコマンドで.vueファイルを実行することができない原因

概要 vue serveコマンドはプロジェクトを作成せずに、.vueファイルを単体で実行することができる。しかし、Vue CLI5では動作しない。（2022年4月現在）解決法 Vue CLI4では正常に動作する。 npm install @vue/cli@4npm install @vue/cli-service-globalnpx vue serve Hoge.vue

2022.04.23

Vue.js

「これからはじめるVue.js実践入門」の感想・備忘録8

これからはじめるVue.js実践入門posted with ヨメレバ山田祥寛 SBクリエイティブ 2019年08月23日頃楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る「これからはじめるVue.js実践入門」の感想・備忘録7の続きテスト単体テスト Jestの準備 1. Vue CLIのJestプラグインの導入 npx vue crea...

2022.04.13

Vue.js(書評)

「これからはじめるVue.js実践入門」の感想・備忘録7

これからはじめるVue.js実践入門posted with ヨメレバ山田祥寛 SBクリエイティブ 2019年08月23日頃楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る「これからはじめるVue.js実践入門」の感想・備忘録6の続き Vuex Vuexの準備 npx vue create xxxでのプロジェクト作成時に有効にする。（既存のプ...

2022.04.01

Vue.js(書評)

「これからはじめるVue.js実践入門」の感想・備忘録6

これからはじめるVue.js実践入門posted with ヨメレバ山田祥寛 SBクリエイティブ 2019年08月23日頃楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る「これからはじめるVue.js実践入門」の感想・備忘録5の続き Vue Router Vue Routerの準備 npx vue create xxxでのプロジェクト作成時...

2022.03.24

Vue.js(書評)