二、vue基础语法

一、模板语法

1、文本渲染

使用双花括号语法插入文本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

2、渲染标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

3、属性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

5、模板语法支持表达式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

二、条件渲染

1、条件渲染(为假时不渲染)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

2、条件展示(渲染不显示)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

3、区别

v-if 切换时会有较高的渲染开销
v-show 有较好的性能

三、列表渲染

1、列表渲染

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

2、维护状态

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

数据更新，已经渲染数据不变，仅添加新数据。给数据添加索引，方便重用原有数据，保持数据顺序。

四、事件处理

1、事件监听

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

2、事件处理方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

3、内联处理器中的方法（事件传递参数）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

五、表单输入绑定

1、表单输入绑定

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

2、修饰符

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23