Vue Routerについて Vue Routerとは？ Vueを使用してシングルページアプリケーションを作るならほぼ必須の機能。 シングルページアプリケーションで表示させる内容を動的に変化させると、閲覧・操作の履歴が残らないことが多かっ。、 Vue Routerは履歴を持つ…

Vue.js【算出プロパティ】 算出プロパティとは？ ↓こちらの記事がとてもわかりやすかった！ qiita.com 常に更新する必要のない値に関してはとても有効なようなので、使用すべきタイミングを見て適切に使っていきたい！ ということで、ちょっと勉強してみます…

Vue.js配列操作 配列に要素を追加 See the Pen VwwbLgJ by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. 配列から要素を削除 See the Pen bGGWVdW by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. v-forの中の(item,index)と…

Vue.js 【イベントハンドリング】 イベントの購読 See the Pen YzzVzNy by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. 上記はClickイベントでcounterの値を+1していくプログラムです。 イベント発火時にJavaScriptが動いているのがわかりま…

Vue.js【クラスとスタイルのバインディング】 クラスのバインディング v-bind:classにオブジェクトを渡すと、クラスを動的に切り替えることが可能になります。 See the Pen dyyvpJm by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. 上記の例…

Vue.js【コンポーネントについて】 処理をコンポーネント化する＝部品化する、という考えで良いのかな？ 他の場所でも使いまわしできるように処理をコンポーネント化するために、今日は勉強していきます。 コンポーネントのグローバル化 See the Pen BaapBdp…

Vue.jsに触れてみる② v-onディレクティブでイベントを発生させる See the Pen eYYzzzd by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. ボタンをクリックすることで文字を反転させることができます。 ちなみにここで、Javascriptのアロー関数…

Vue.jsの基礎 Vueを使うことで、htmlの要素を操作することができます。 jp.vuejs.org こちらのチュートリアルを進めていきます。 値を表示する See the Pen eYYZbOV by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen. また、値を更新することも…