有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

vue组件继承(Vue单文件组件的继承)详解

vue 炮渣日记 1周前 (11-22) 10次浏览 已收录 0个评论 扫描二维码

简介:

Vue是一个非常流行的前端框架,其独特的单文件组件使得模块化开发变得简单易行,尤其是模板、脚本、样式分开写,代码很清晰。不过有时候我们需要基于另一个组件来扩展达到复用的目的,怎么实现呢?

方法:

如果只是复用一些公共方法,可以使用vue的mixins,如果我需要继承呢?vue仍然提供了一种方式就是extends,通过extends,我们只需要指定要扩展的组件即可!

实例:

var CompA = { ... }
var CompB = {extends: CompA,...}

说明:

对于模板则使用CompB的模板,而对于hooks如mounted等则都使用,props则合并。

总结:

在GUI应用中,继承随处可见,通过vue的extends,我们可以在单文件组件中实现继承。

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址