美文网首页前端案例
Vue项目中引入mui.js并且全局使用的方法

Vue项目中引入mui.js并且全局使用的方法

作者: sxh不是帅小伙 | 来源:发表于2019-08-11 20:42 被阅读0次

    相信无论是初学Vue的小白还是前端大神都会对mui框架有一定的了解,那么如何在Vue项目中引入mui.js并且全局正常使用呢?下面跟随作者一起看一下吧:
    首先去官网https://github.com/dcloudio/mui下载mui,解压缩到项目的lib文件夹下



    之后在项目的主入口js文件中引入我们的mui.js:

    打开我们的mui.js文件,找到如下代码,去掉注释:

    之后在主项目的各个组件中尝试使用,发现浏览器报了这一错误:


    意思是mui.js与bundle.js严格模式有了冲突,以下是解决冲突的参考方法:
    在项目中安装插价babel-plugin-transform-remove-strict-mode,控制台进入我们的项目文件,运行以下指令:
    npm i babel-plugin-transform-remove-strict-mode -d
    安装之后在项目的babel的配置文件.babelrc添加如下配置:

    重新运行我们的项目,运行成功!

    相关文章

      网友评论

        本文标题:Vue项目中引入mui.js并且全局使用的方法

        本文链接:https://www.haomeiwen.com/subject/kfasjctx.html