vue的一些规则

 

组件名为多个单词

组件名应该始终是多个单词的，根组件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>