zoukankan      html  css  js  c++  java
  • 独立组件间共享Mixins

    Mixins:用于组件间事件共享(公用的方法,比如弹窗,数值计算等组件函数

    要使用Mixins,首先要在项目文件夹根目录下安装Mixins包

    react>npm install --save  react-mixin@2     //指定安装版本

    使用:

    step-1  建立公共mixins.js文件,将公共函数放在里面

    const MixinLog={
        log(){
           console.log('数据打印成功:123...')
        }
    };
    
    export default MixinLog 

    step-2  安装react-mixin包(在ES6下使用,必须安装该插件)

    step-3 在使用组件中引入react-mixin及mixins.js

    import ReactMixin from 'react-mixin';
    
    import MixinLog from './mixins'

    step-4  在组件中引入mixins.js中定义的方法

    ReactMixin(BodyIndex.prototype, MixinLog);

    step-5  在函数中写入方法

    changeLogin(name){ 
    
              MixinLog.log();
    
          }
  • 相关阅读:
    匿名内部类(八)
    局部内部类(七)
    局部内部类(六)
    成员内部类(五)
    成员内部类(四)
    静态内部类(三)
    静态内部类(二)
    内部类(一)
    zip解压破解
    爱剪辑软件使用
  • 原文地址:https://www.cnblogs.com/jeanneze/p/6857684.html
Copyright © 2011-2022 走看看