vue style guide
Estimated reading time: 1 minutevue style guide
component inside vue (multi)
- snake case compient
'component-one'
name
will bePascleCase
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"