Vue基础知识

基本知识点：

v-bind 缩写

...

...

...

v-on 缩写

...

...

...

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向父元素传递方法