Vueについて勉強したこと

雑記

・vueでは、データを保管するところと、実行するところで、new Vueを分けてあげることが大切。

・map,reduce,filterをよく用いるみたい。

・Vue-watch-deepをすると、より深くまで、値(参照された)を監視できる。

 

computed(算出プロパティ)も積極的に使っていく。

・computedは、データを整理するところと考える。

・vuexの構造は↓

vuex

となっている。

これはFluxやReduxのデータ構造と似ている。

 

node.js は importは使えないので、requireを使う。

 

テンプレートまたは算出プロパティの中での $refs の使用は避けるべきです。

 

apiデータから日時を取得して、formatを整えたいときは、

javascriptのライブラリーにある、moment.jsを使えば良いです。

オススメのサイト→https://its-office.jp/blog/js/2016/04/02/moment.html

 

・ここで、本題のvueを用いた実装についてですが、実は、vueにも、

vue-momenrtというものが存在しており、これを用いれば簡単にデータをformatすることができます。

オススメのサイト→https://blog.photosynthesic.jp/2018/10/vue-js%E3%81%A8%E3%81%AA%E3%81%8B%E3%82%88%E3%81%8F%E3%81%AA%E3%82%8D%E3%81%86%EF%BC%9A%E6%97%A5%E6%9C%AC%E6%99%82%E9%96%93%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%81%ABfilter%E3%82%92%E4%BD%BF%E3%81%A3/

 

・this.$store~~~とか書いている時はstoreをvuexを扱っている。