相信无论是初学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添加如下配置:
重新运行我们的项目,运行成功!