6/3 Vue.js

自分なりの解釈

Vue-cli

npm run serverでサーバーを立ち上げようとするとエラーが発生

Component name "Index" should always be multi-word

との記載あり。

コンポーネントの名前は二語以上繋げて命名するべきと書いてあるっぽい

ESLintでの設定でエラーを吐いているようなので

.eslintrc.jsファイルに

rules: {
    'vue/multi-word-component-names': 'off',
  }

と追記してあげることで解決できました。

SFCイメージ

一つのファイルに一つのコンポーネントを作成。

ファイルやフォルダは自由に作成できるのでコンポーネントをきれいに管理しやすい。

作成したコンポーネントはexportを使用して外部に渡る状態にする。

取り込みたいファイルでimportで読み込みたいファイルを指定する事でコンポーネントの情報が渡る。