Nuxt.js + Cloud Firestore でドキュメント データを引っ張ってくるコードが書けた、のでその記録 とくに手順とかは説明しない リポジトリは gouf/firebase_demo で、実際にデータを表示させてる部分は ここ, 設定は ここ 詳しくは公式ドキュメントを参照さ…

A. CodeSandbox を利用する Codepen のように、Vue.js, React.js, Angular.js ほか、様々なプロジェクトをすぐに書き始められる CodeSandbox で Vue.js プロジェクト

結構駆け足だけれど 最初の一歩としては実際に動作するものができるのでよい動画だと思った Learn Vuex In 10 Minutes (Vue.js State Management) - YouTube 公式ドキュメントも併せて読みたい 動画を観ながら手を動かして git にコミットしたモノを GitHub …

teratail.com 目的・ゴール 結果 登場するコンポーネント コンポーネントの内容 目的・ゴール 質問を見ててテーブル要素にデータを一覧として表示させてみたくなった 結果 暫定的にこうなった 表示させるのに都合のいいデータを用意したので、値はほぼ可変 <table/> </table/>…

ゴール 初期データ 実装 <template/> <script/> <style/> Links ゴール 「テーブルの <td/> 要素をクリックすると背景の色が変わる」コンポーネント (ToggleTd.vue) を実装する 実際の表示には Index.vue を用いる 初期データ データ内容や定義はテキトー 実際は コンポーネントが作られる適当</td/></style/></script/></template/>…

前回に続き、機能を作る gouf.hatenablog.com IndentInput.vue, Editor.vue 2つのコンポーネントを作る まとめ わからなかったこと ゴール <template/> を記述する <script/> を記述する <style/> を記述する Link まとめ Vue.js 上で使える CSS の scoped はコンポーネントの中でスタイ</style/></script/></template/>…

ゴール 前提 説明しないこと コンポーネントの作成 <tamplate/> の記述 <script/> の記述 $nextTick $refs キーコード デフォルト キーコード一覧 キーコード 一覧の拡張 Links ゴール コンポーネント、「InputEditor」を作成する 機能は次の通り実装する： ボタンクリックで要素</script/></tamplate/>…