基本知识点：
v-bind 缩写
<!-- 完整语法 -->
<a v-bind:href="url">...</ a>
<!-- 缩写 -->
<a :href="url">...</ a>
<!-- 动态参数的缩写 (2.6.0+) -->
<a :[key]="url"> ... </ a>
v-on 缩写
<!-- 完整语法 -->
<a v-on:click="doSomething">...</ a>
<!-- 缩写 -->
<a @click="doSomething">...</ a>
<!-- 动态参数的缩写 (2.6.0+) -->
<a @[event]="doSomething"> ... </ a>
1: arr.reduce(callback,[initialValue]):
reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。
1. var arr = [1, 2, 3, 4];
2. var sum = arr.reduce(function(prev, cur, index, arr) {
3. console.log(prev, cur, index);
4. return prev + cur;
5. }，0) //注意这里设置了初始值
6. console.log(arr, sum);
7. 打印结果：
0 1 0
1 2 1
3 3 2
6 4 3
[1, 2, 3, 4] 10
Vue组件通信机制， 定义vue组件相当python中定义一个类，在模板中使用组件相当于实例化这个类。
用props来传递数据， 用this.$emit向父元素传递方法
