Vue中使用components的使用技巧

1、components概念

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

2、代码示例

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

B.vue中:



A.vue中:



你可能感兴趣的:(vue.js,前端)