编码规范

1.样式

(1) 使用注释

对于组件中的样式<style>

 

推荐每一个模块使用/*header*/ 注释,方便阅读和修改

(2)命名用破折号-

.my-class {

}

 

2.数据的存储方法

(1)对于数据量未知(用户输入),需要对数据进行操作

使用数组对象接收

[
{属性,方法},
{属性,方法},
{
　　id:'001',// 多为字符串形式的哈希值
　　name:'属性或者状态的名字'
　　flag:'状态'
}
]

也就是用数组接收一个个不同的对象
对象中有多个属性/状态

 

3.组件的操作方法

(1)根据(接收的)数据个数显现对应组件

比如收到五个数据显示五个人物框组件等等

注意

*遍历该标签 v-for

 

 

 数组中的每一个元素 in 被遍历的数组 

*将遍历的数据(todoObj)传入被遍历的组件 props

 

 

 *子组件声明接收

props:[todo]

 data(){
  return {
       newTodo:todo
       // 注意不能重命名,因为props接收的数据也被数据代理到vc上    
    }
}

(2)动态的决定某个标签内的属性是否存在

比如checked,能否动态决定是否选定?

 

 (3) 获取事件发生元素的值(用户输入)

比如input里面的输入

@回调函数可以通过 e.targrt.value调用

 

4.原则