Vue
v-forでレンダリングできない構造? [ [{ },{ }, ‥ ,{ } ], [{ },{ }, ‥ ,{ } ], ‥ ,[{ },{ }, ‥ ,{ } ] ] というデータの配列構造のデータを作成して v-forで要素をリストレンダリングさせようとしたら できなかった [ { [ { }, ‥ ,{ } ], ‥ , [ { }, ‥ ,{ …
JWT認証のユーザー登録機能を VueでhandleRegisterメソッドに 定義 axios → Promise → handleRegisterメソッド発火としたら CapybaraでNetwork Errorの応酬 // auth.service.js class AuthService { register(user) { return axios.post(API_URL + 'users', …
axiosを使ったCRUD実装(vuex)で 延々と更新(U)ができずに詰まったので ここに備忘録を記す‥。 はしです。 詰まった理由は ずばり「idを渡していなかったから」 更新にはそのレコード (Vue的にはprops)のidがないと 「更新用として作った新しいpropsを既存の…
Vueのモーダル実装トラウマになりつつあるはしです。 フロントのエラー、一度でたらなかなか抜け出せない モーダルウィンドウ | 基礎から学ぶ Vue.js のモーダルをそのままコピペしたら怒られた https://i.gyazo.com/fef9a3bfe8bb6aa3686b5e851d717611.gif …
自分は単一ファイルコンポーネント記法で実装しているのに <scripts> new Vue({ ‥ }); </scripts> のようなnew Vue記法をそのまま使ってしまって 延々とエラー‥みたいなことをしてしまったので備忘録 htmlファイル上でvueを使用する場合 new Vue を使う 例 <div id="container"> <p>{{ comments }}.</p> </div> <scripts> n</scripts>…
Vue.jsで 他のコンポーネントを呼び出して表示したいのに 表示されない‥ なぜ? importだけしてexportしてなかったからでした export defaultについて - Qiita
Vueのaxiosを使って APIで追加したデータを 取得して表示させることをやってみよう、 と思ったら延々とできず, 何が原因かと思ったら Railsのルーティングが沼ポイントだったという話です。 Rails 5.1 + Vue.js + Vuex + vue-routerの初期設定 - Qiitaで 紹…
Rais✖︎Vue Rails✖︎Vueの第1歩として Railsファイル(.erb)にvueファイル(.vue)を埋め込む方法 <%= javascript_pack_tag 'hello_vue' %> 参考 : 【超初心者】Rails×Vue.jsファイルの内容あれこれ - Qiita
component設計とはなんぞや qiita.com componentの粒度を小さくすると変更修正に強い qiita.com 「1component1役」に則っているか、がポイント 原則としてコンポーネントは一つのことに責任を持つべきです。 これはMolecule単位のコンポーネントをデザインす…