计算属性渲染不加上括号 

methods方法和computed属性区别：

computed只计算一次，然后缓存，后续直接拿出来使用，而methods每次使用每次计算，不会缓存

计算属性完整写法：

既获取又设置

slice 截取 

成绩案例 

1. 首先 是 v-if 完成 tbody 的渲染，如果有成绩那么就渲染成绩的 tbody ,没有就渲染 “暂无数据” 几个字

2. v - for 完成数据渲染

3. v-bind 操作 class

 

”删除“按键，阻止链接跳转，filter保留 点击的 id 不一样的

 

输入科目和分数，往列表前面追加

 

两个判断，是否输入科目以及输入的分数是否是数字类型

 将输入框中的内容添加到列表中之后，将输入框里的内容进行清除，也就是将 v-model里的内容置空

 

统计总分，求平均分

因为求总分，只涉及到访问，所以只用计算属性的简写方式即可，用不到完整方式

求平均分并保留两位小数