`, . Vue.jsについて解説をします。今回は、コンポーネントのオプションのdataの使用方法について詳しくみていきます。定義方法を確認後、実際にボタンを押すとカウントアップするプログラムを動かします。 最終更新日: 2020年4月17日. 例として適切ではないですが、例えば↓のようなコンポーネントがあったとして、なにかのタイミングですべてのデータをリセットしたいとします。, この$dataにデータオブジェクトが入っているので、まとめて値をセットするときには$dataへのアサインで代用できます。, もっといい方法があるとか、これだとだめな理由があるとかの場合はお知らせしてもらえると嬉しいです。, ↑の方法では、途中で新しいプロパティをthis.data追加した場合にそのプロパティが残ったままになってしまいます。, その場合、一度すべてのプロパティを一度削除してから上記のassignのコードを実行するのが無難です。, ElectronアプリでVueを使うようにしたらコンソールにこんなのが出ていました。 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools vue-devtoolを入れると便利だよ、ということらしいので調べてみました。 Vueを使ったW, jQueryでベタっと書いていたElectronアプリがあるのですが、Electronに多少慣れたこともあってアプリ側のコードをきれいにしたくなりました。Vue.jsを使いたい(正確に言うとVueはま, Electronを触り始めました。 フォルダ選択をして、フォルダ内の画像を一括処理するアプリケーションを作りました。一括処理の中には画像のリサイズやトリミングも含まれます。 画像加工部分にはsharpとい, patch-packageっていうnpmパッケージありますよね? この記事↓が詳しいので紹介はだいぶ任せちゃうのですが、npmパッケージを手元でちょっとだけ直したいときに重宝する仕組みです。 かゆいところ, 久しぶりにMacアプリを作りました(5年ぶりぐらい)。難しかったです。 5年ぶりぐらいにMacのネイティブアプリ書いたけどさー、相変わらず情報なさすぎるしiOSの情報ばっか出てくるからググりにくいし、世, JetBrains Monoが素敵すぎていろんなエディタに設定して回ったという話です。 JetBrains Mono: A free and open source typeface for developers | JetBrains: Developer Tools for Professionals and Teams Try JetBrains Mono in your IDE.
コンポーネントは必要なだけ何度でも再利用できます: そうであれば、リストを一度別の変数に格納しておき、data、mehodsでリストを初期化する際にリストをコピーするようにすればよいのではないでしょうか。 v-model を使えば、Vueインスタンスの data をHTML要素にバインドできます。 変更された場合は、その値を参照しているDOM全てに反映されます。