プログラマーノート

プログラマーの学習や雑記のメモです

Vue.js

【Vue.js】Composition APIをscript setupへリファクタリングする

はじめに 注意 Composition API の書き方 親コンポーネント 子コンポーネント script setupへリファクタリングする(親コンポーネント編) script setupへリファクタリングする(子コンポーネント編) まとめ はじめに こんにちは。エンジニアの仕事をしている、…

【Vue.js】Vue.js(Vue3)でDay.jsを使う

はじめに Day.jsの導入経緯 JavaScriptは日付処理がややこしい。 momentは既に死んでいる Day.js、君に決めた Vue.js(Vue3)でのDay.js使用方法 Day.jsのインストール Day.jsをvue.jsへ読ませる方法(inject/provide使用) Day.jsをvue.jsへ読ませる方法(global…

【Vue.js】Composition APIを使用した共通関数の作り方

はじめに mixisは共通関数としてどうなのか vue.jsで共通関数をどう作るか 共通関数のメリット Composition APIで使用可能 オブジェクト指向的に考えられる どこから呼び出したのか分かりやすくなる まとめ はじめに こんにちは。エンジニアの仕事をしている…

【Vue.js】vue-routerでPOSTやGETと同じようなパラメーターの渡し方

はじめに ルーティング設定 GET渡し POST渡し コンポーネントのパラメーターに値を渡したい場合 まとめ はじめに こんにちは。エンジニアの仕事をしている、たかふみです。 今日はPHPなどのサーバーサイド言語でよく使う、POSTやGETのようなパラメーターの渡…

【Vue.js】v-bindで属性を動的にするまとめ

はじめに v-bindの基本 v-bindでクラス名を固定値+動的にしたい場合どうする? APIの帰り値をクラス名に設定したい aタグのhref属性を動的にしたい時 aタグのtarget="_blnak"を動的するにはどうしたらいいか まとめ はじめに こんにちは。エンジニアの仕事…

【Vue.js】reactiveの値に初期値を設定する方法

はじめに reactiveに初期値を持たせる場合はどういう時か reactiveの値に初期値を持たせてみよう 初期値が変わらないのはなぜか どうしたらreactive変数に初期値を持たせることができるのか まとめ はじめに こんにちは。エンジニアの仕事をしている、たかふ…

【Vue.js】v-if と v-show の違いについて

はじめに v-ifとは v-showとは v-showが何故か動かない時がある v-ifとv-showの違い v-ifとv-showの使い分け方 v-ifを使うべきケース v-showを使うべきケース 終わりに はじめに こんにちは。エンジニアの仕事をしている、たかふみです。 今日はVue.jsの基本…

Vue.jsの学習方法

この記事の対象読者 vue.jsの勉強のコツ とにかく、手を動かしましょう 英語の情報を積極的に読む 英語でググると解決方法がわかるかも!? そもそもモダンなフロントエンドがわからない ECMAScript2015(ES6)以降の記述方法を習得する必要がある Youtubeで学…