在前端做什么很久,首先要考虑的是使用什么样的框架。 webapp的ui框架也很多。 mui是一个相对小型、灵活、简单的app ui框架,他认为将mui框架集成到vue中是一件很容易的事情,但在集成中发现了很多问题。 记录在这里,以后伙伴就可以参考了。
要首先下载mui的css样式和js文件,请访问他们的官方网站。 下载他们的demo,或者在hbuilder中生成mui项目,然后在我们vue项目的src目录下的资产目录中注册dist目录。
1、在src的main.js文件中导入mui.css
import './assets/dist/CSS/mui.CSS '部署样式之后,所有组件都可以使用mui的CSS样式
2、在main.js中导入mui.js文件会出现很多问题
import * as mm from './assets/dist/js/mui.js '
如果将global.mui=mm//mui设置为全局变量,则可以在整个vue项目中使用。
请不要忘记在main.js文件中部署mui.js。 在组件中部署mui.js将报告错误,报告relative not find module错误,并且找不到与组件对应的模块。
可能还会再报告
' caller '、' calle '、and ' arguments ' propertiesmaynotbe .错误
此时,修改目录下的. babelrc文件,并添加以下代码
请不要使用代码严密模式。 否则,mui.js将检查语法错误并报告错误
现在,我们可以在vue项目中自由使用mui的内容!
本文技术由光影在线电影网提供