参考資料: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'
}
}
}