Vue 引入 mui 组件

由于 我们发的项目 主要是在 移动设备上跑的,为了达到更好的体验 我们将使用 mui 来实现 更接近原生的体验
【Vue 引入 mui 组件】我在集成的时候遇到的坑 在这里和大家一起分享下
首先我创建了一个 文件夹 。这个文件夹是用在存在第三方库的一个文件夹 。
然后我们引入 mui 组件 .js , 以及对应的 .css
应为我这边额外 需要 一个组件所以我引入了 周边的 js

Vue 引入 mui 组件

文章插图
然后在你 main.js 程序的 引入 js
import mui from '../static/mui/js/mui.js'import '../static/mui/js/mui.picker.js'import '../static/mui/js/mui.poppicker.js'import '../static/mui/js/mui.dtpicker.js'
以及 css
import '../static/mui/css/mui.css'import '../static/mui/css/mui.picker.min.css'
然后我们发现 在编译状态下 允许是好的,但是 发布就会报错 。说是 vue 里面采用新的 代码标准 。然而 mui 不符合这个标准
所以我们收到把 mui 排除在这个标准之外
然后就 可以使用了 。
我们在是用mui. 的时候 还是会报一个错,大概是是 .mui 没有被初始化
我们在 mui.js 源码地方 发现了 被注释的地方 在这里去掉掉注释