vue style guide

Estimated reading time: 1 minute

vue style guide

component inside vue (multi)

  • snake case compient
'component-one'
  • name will be PascleCase

data property

data () {
  return{
    // your data object here
  }
}

componet file

  • PascleCase
  • meaning full

props

  • will be camelCase (inside templete)
  • describe the type of props

~ props type is objects

props: {
  propeName:{
    type: String
  }
}

style

  • will be add scoped for avoiding conflicting with others

multi atrributes elements

  • break line

v-condition key

  • use key="anything"