组件名为多个单词
组件名应该始终是多个单词的,根组件APP除外。 这样做可以避免跟现有的以及未来的HTML元素相冲突,因为所有的HTML元素名称都是单个单词
组件数据
组件的data必须是一个函数 当在组件中使用data属性的时候(除了new Vue外的任何地方),它的值必须是返回一个对象的函数
export default {
data() {
return {
foo : 'bar'
}
}
}
Prop定义
Prop定义应该尽量详细,至少需要制定具体到类型
Props:{
status:{
type:String,
required:true
}
}
为v-for设置键值 总是用key配合v-for
在组建上总是必须用key配合v-for,以便维护内部组件及其子树的状态,甚至元素上维护可预测的行为,比如动画中的对象固话,
<ul>
<li v-for="(todo,index) in todos" :key="index">
</li>
</ul>