Vue coding convention

1. Đặt tên component dùng nhiều từ

Tên component nên dùng hai từ (đơn) trở lên, ngoại trừ component gốc. Việc này giúp tránh xung đột với các phần tử HTML hiện tại và tương lai, vì tất cả các phần tử HTML đều là từ đơn.

// BAD
Vue.component('todo', {
  // ...
})

export default {
  name: 'Todo',
  // ...
}

// GOOD
Vue.component('todo-item', {
  // ...
})

export default {
  name: 'TodoItem',
  // ...
}