Because We Love Happy Coding

フリーライターからエンジニア × 講師。発信力だけあり余ってる感じ

Vue.js

Vue.js2系の詰まるところ

久しぶりにVue.jsを触っている。Vue.jsは割と公式のドキュメントが読みやすいとされているようだしそれには同意するが、JavaScriptの記法が自由闊達すぎるため、参考ソースがけっこう見つけにくいところはあるように思う。 今回Vue.js2系統を触っていて詰ま…

Vue-router でリンクが効かない(ように見える)

同じコンポーネントから同じコンポーネントへ移動しようとすると、コンポーネントが再利用され、再描画されない現象が起こる。そのため、「リンクが効かない」ような錯覚を起こす next()を使って解決する コンポーネントのjs computed; created()なんかと並…

JavaScriptまたはVue.jsでグラフを描くためのライブラリを探した

自分用に作っているwebアプリで構成比率の円グラフ(Pie chart)を作りたいので、ライブラリについて調べて見た。 Requirements JavaScript Vue.js 記事 JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza開発日誌 Chart.j…

文芸同人誌の会計+在庫処理を設計してみた

文芸同人誌『有象無象』の編集長をしている。会計を担当してくれている人がいろいろ管理に苦労しているので、管理するためのアプリを作ってみようと思った。ささっと作れるかと思ったけど(実際、手慣れた人ならささっと作れるレベルだろうけど)思ったより…

Vue.jsのわかりにくさを解決する

巷で人気のVue.jsだが、初心者にとってわかりづらかった点など。 どっからどこまでが予約語なのよ Vue.jsの本家サイトも、どの初心者サイトも、概略を伝える際に、予約語がどこまでなのかわからないのが辛かった。色分けしといてくれたらいいのに。大文字に…

Vuexでgettersの挙動が納得できずハマった

Vue.js と Vuex を使っていて、ちょっとハマったので書いておきたい。初心者的なことなんですけど。 定義側 module Hoge const getters = { foo : state => state.foo } 呼び出し側 this.$store.getters.foo;// this.$store.getters.Hoge.fooは不可 store(st…

Vue-routerを使ったサイトで「リンクをクリックしても遷移しない」

Vue-routerを使ったサイトで「リンクをクリックしても遷移しない」という現象が起きて頭をひねっていた。 結論から言うと、同じコンポーネントから同じコンポーネントへ移動しようとすると、コンポーネントが再利用され、再描画されない現象が起こる。そのた…