zoukankan      html  css  js  c++  java
  • vue 什么时候使用mixins合适

    vue 什么时候使用mixins合适

    mixins简介

    混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

    说的很高级,其实就是一套vue script模板多个文件使用,数据并不共享。

    代码使用

    声明一个对象,里面与vue script使用方式相同,引入的时候使用

    就可以了。然后这个mixins的内容与你这个文件是共享的,你可以使用在你这个vue script中定义的方法或者响应式数据,也可以使用mixins中的方法或者响应式数据。可以调用多个mixins在一个文件中。可以很大的程度节省代码。

    弊端

    这个mixins好用是好用,但是与之带来的是什么成本呢?就是维护的成本。

    如果滥用mixins只会让后面接手的人,面对层层mixins调用陷入泥潭,修改的代码变的一团糟。

    没有目的性的使用mixins会让项目各个文件耦合起来,有时候变更需求就会改很多文件。

    使用时机

    其实mixins使用时机很简单,如果你需要在多个文件中声明相同响应式数据,可以对这些data进行抽离,提取到一个文件当中,或者是多个文件中都要引入一部分文件,也是对这些component做一个抽离的操作。mixins最佳的使用,其实是在一个多个子组件,子组件之间功能差不多,但是还有一部分差异。这种情况下使用mixins吧其中的data,methods抽离出来,可以大大的提高效率,和降低后期维护成本。

  • 相关阅读:
    JAVA爬虫实践(实践三:爬虫框架webMagic和csdnBlog爬虫)
    JAVA爬虫实践(实践一:知乎)
    JAVA爬虫实践(实践二:博客园)
    SpringMVC框架学习笔记(5)——数据处理
    SpringMVC框架学习笔记——各种异常、报错解决
    SpringMVC框架学习笔记(1)——HelloWorld
    angularjs springMVC 交互
    存储过程存放数据方式
    存储过程总结
    cssie7.0兼容
  • 原文地址:https://www.cnblogs.com/lrqcx/p/14036234.html
Copyright © 2011-2022 走看看