zoukankan      html  css  js  c++  java
  • 偏前端

    github中MUI下载地址:https://github.com/dcloudio/mui

    拷贝mui包中的dist到assets文件目录下的lib(提前创建)中(最好放在assets下,目前还不知道放在static下出现问题的原因)

    1.在mian.js中引入MUI(引入js和css,同时把mui添加到vue原型中)

    import './assets/lib/mui/css/mui.css'
    import mui from './assets/lib/mui/js/mui.js'
    Vue.prototype.mui=mui;
    

    2.在使用mui时通过在script中的mounted写入

    mounted(){//引入的是在mian.js所以加上this
        this.mui("mui-scroll-wrapper").scroll({
          deceleration:0.0005
        })
    }
    

    3.在bulild 中webpack.base.conf.js中的resolve下的alias下添加

    //引入mui
    "mui":path.resolve(__dirname,'../src/assets/lib/mui/js/mui.js')
    

    4.bulild 中webpack.dev.conf.js添加

    //配置mui
    new webpack.ProvidePlugin({
      mui:"mui",
      "window.mui":"mui"
    }),
    

    5.babelrc 中添加

    "ignore": ["./src/assets/lib/mui/js/mui.js"]
    






    *注意:

    1.在使用mui时,不需要初始化了。比如这样:    

    mounted(){//引入的是在mian.js所以加上this
        this.mui("mui-scroll-wrapper").scroll({
          deceleration:0.0005
        })
    }

    2.注意放包的路径

    3.还有的同学说,我这里面没有这个.babelrc文件怎么办,我是用最简便的命令生成的项目 vue init webpack-simple  demoname

       其实是有的,打开demoname文件夹,‘工具’-‘文件夹选项’-‘查看’-选中‘显示隐藏的文件夹’

  • 相关阅读:
    造轮子杂记2
    Net分布式系统之五:微服务架构
    C#设计模式:责任链模式
    NET Core1.0之CentOS平台开发控制台程序DEMO
    WCF Routing 服务
    设计模式之外观模式
    设计模式之简单工厂模式
    Eclipse快捷键总结
    Spring容器的初始化流程
    IOC容器的创建
  • 原文地址:https://www.cnblogs.com/Lrn14616/p/10868412.html
Copyright © 2011-2022 走看看