Vue中使用components的使用技巧

1、components概念

components顾名思义：组件（负数），每个vue页面，都可以作为一个组件，引入到其他页面中，形成父子页面嵌套的形式，一个页面可以被多个页面引用，一个页面也可以引用多个页面，多对多关系
这样做的好处就是可复用，减少重复代码的编写

2、代码示例

例如要实现A.vue为父，B.vue为子，A中引入B组件，以弹窗的形式展现B组件
只要参考本示例，便可以实现组件封装和调用

B.vue中：

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

A.vue中：

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