![](https://img.haomeiwen.com/i6838848/88056886753907e8.png)
继承上图的组件
extend
![](https://img.haomeiwen.com/i6838848/b057067f19f5946e.png)
继承的组件的prop需要通过propsData传入,data可以直接改变,mounuted会都执行,继承的组件排后面
————————————————————————————————————————————————————————————
第二种继承的写法
![](https://img.haomeiwen.com/i6838848/e1b91c52a48a6243.png)
![](https://img.haomeiwen.com/i6838848/39a268f67216710f.png)
一般用于扩展组件的功能
继承的组件改变父组件的东西,可以用$parent,一般不改变,可查看
![](https://img.haomeiwen.com/i6838848/25fbad8bf358c8a4.png)
————————————————————————————————————————————————————————————
本文标题:vue组件之继承
本文链接:https://www.haomeiwen.com/subject/orhqvftx.html
网友评论