Vue.js

JavaScript

vue.jsで子から親コンポーネントにデータを渡す方法

こんにちは。 vue.jsで、子コンポーネントから親コンポーネントにデータを渡す方法があれば便利ですよね。 調べてみると、$emitというメソッドを使うと簡単にできるようなので、今回はその方法を紹介します。 vue.jsで子から親...
JavaScript

Vue.jsで配列・オブジェクトの変更がv-ifなどで検出できない場合の解決方法

Vue.jsで配列・オブジェクトを扱う場合、配列のデータは更新されているのに変更が検出できない、という現象でつまったので書きます。 僕がつまったケース mountedで配列に値をセットし、その後あるメソッドを実行した場合に変...
JavaScript

Vue.jsで「?」から始まるURLのクエリパラメータを設定・取得する方法

こんにちは。 Vue.jsで開発をしていて、URLのクエリパラメータで情報を送りたいと思ったことはありませんか? この記事では、Vue.jsで「?」から始まるURLのクエリパラメータを設定・取得する方法について解説します。 ※...
JavaScript

Vue.jsのwatchで連想配列が監視できない場合の解決法

こんにちは、macoです。 Vue.jsの値の変更を監視できるwatch機能はすごく便利ですが、連想配列で値を変更した場合にうまく動作しなかったので、解決方法を解説します。 連想配列でwatchが動かない例 watchではuser...
JavaScript

Vueでpropsの変更を検知する方法

Vueでpropsの変更を検知する方法 今回はpropsで受け取る変数をhogeとします。 // ・・・省略・・・ props: // ・・・省略・・・ watchを使い、hogeが変更された場合にその変更を検知できます。 /...
JavaScript

Vue.jsで簡単なタスク管理アプリを作ってみよう

Webアプリを作る機会があり、Vue.jsについて学んだので、今回は簡単なタスク管理アプリを作成しながら、Vue.jsについてまとめてみようと思います。 実際に作ったものはこちら Vue.jsとは Vue.jsは、MVVMを採用し...