🐈 12/27 Vue.js/Vuexを使ってTrello風アプリを作成_2章 : TOPページの作成
作成日: 2021/12/27
2

2-1:TOPページを作成しよう
下記内容を昨日から行いました。失敗!
本日もやり直しました。失敗しました。
明日、もう一チャレンジします!
▼Board.vue ➡済
▼App.vue  ➡済
ローカルサーバーを立ち上げます。➡ Error ※確認し、再度Error
※ディレクトリの見直し
※コードの見直し

※ticketnoteに、pngが貼り付けられなくて。
ドラッグしてもダメでした「。「

■下記内容は教材内容です。■
1.componentsディレクトリ配下に新しくBoard.vueを作成しよう
componentsディレクトリ配下に新しくBoard.vueを作成しましょう。

├── src
│ ├── assets
│ │ └── css
│ │ └── styles.css
│ │
│ ├── components
│ │ ├── Board.vue
2.テンプレートをBoard.vueに貼り付けよう
下記のテンプレートをsrc/components/Board.vueに貼り付けてください。

▼Board.vue

src/components/Board.vue

単一コンポーネントはHTML、JS、CSSを1つのファイルに書くことができます。

※今回は、CSSは全てのコンポーネントで共通のファイルとしたので、単一コンポーネントには書きません。

3.