参考資料:https://jp.vuejs.org/v2/style-guide/index.html

主に、ルールカテゴリが必須、強く推奨の項目をまとめる

必須

複数単語コンポーネント

コンポーネント名は常に複数単語とする

理由としては全てのHTML要素は1単語となっているため、既に存在、将来的に定義されるHTML要素とのバッティングを防ぐため

❌ : Todo.vue

⭕️ : TodoItem.vue

コンポーネントのデータ

コンポーネントのdataは関数でないといけない

export default {
	data: {
    foo: 'bar'
	}
}

⭕️

export default {
  data () {
    return {
      foo: 'bar'
    }
  }
}

プロパティの定義