• 技术文章 >web前端 >前端问答

    vuejs中指令和组件有什么区别

    青灯夜游青灯夜游2021-09-06 15:47:04原创143

    区别:组件一般是指一个独立实体,组件之间的关系通常都是树状;而指令是一种Decorator模式,用以改写某个组件的默认行为,或者增强使其获得额外功能,一般来说可以在同一个组件上叠加若干个指令,使其获得多种功能。

    本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

    vuejs中指令和组件的区别

    组件一般是指一个独立实体,组件之间的关系通常都是树状。

    指令是一种Decorator模式,用以改写某个组件的默认行为,或者增强使其获得额外功能,一般来说可以在同一个组件上叠加若干个指令,使其获得多种功能。一些指令会依赖其所应用的组件实现某些接口,比如vue中的transition指令会依赖组件的enter, leave等一堆钩子。

    当然vue里也有一些比较猛的指令比如v-if, v-for,它们甚至会创建或者删除组件。

    比如如下设计:

    Gallery是一个相册组件。

    Transition是一个动画指令。

    ClickLogger是一个打点击日志的指令。

    对Gallery叠加Animation和ClickLogger就可以使其切换时拥有动画过渡效果,并且点击时自动记录日志。

    相关推荐:《vue.js教程

    以上就是vuejs中指令和组件有什么区别的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vuejs 指令 组件
    上一篇:uni app是app吗 下一篇:vuejs中内置组件有哪些
    线上培训班

    相关文章推荐

    • 一文讲解Vue中路由切换终止异步请求(附代码)• Uniapp自定义vue导航菜单组件完成菜单动态高亮• Vue this.$set为data中的某一对象添加一个属性• 浅析vue中web前端项目优化(附代码)• vue有哪三种传值方式

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网