mint-ui,mintui navbar兼容

Vue同时按需引用Vant和Mint UI

按需引入Vant

1、npm i vant -S

2、npm i babel-plugin-import -D

3、// .babelrc 中配置?

["import", {

"libraryName": "vant",

"libraryDirectory": "es",

"style": true

}]

4、引用

import { Button, Cell } from 'vant';

Vue.use(Button).use(Cell)

按需引入Mint

1、

npm i mint-ui -S

2、

npminstallbabel-plugin-component -D

3、将 .babelrc 修改为：

{

"presets": [

["es2015", {"modules":false}]

? ],

"plugins": [["component", [

? ? {

"libraryName":"mint-ui",

"style":true

? ? }

? ]]]

}

4、

import{ Popup }from'mint-ui';

Vue.component(Popup.name, Popup);

?综合：

ZUI 和mint-ui，element ui哪个更适合用VUE开发？

minit-ui是移动端是饿了么团队开发的，后者element-ui是PC端也是饿了么团队开发的，无论是移动端或者PC端结合Vue都比较适合开发，ZUI组件不是很强大，可以满足一般程序的需求。

ZUI系统最显著的特性之一,通过构建完善的系统级防护,打造自动安全的能力。并通过基于大数据下的多级递进自启拦截防护引擎,有效追踪家族应用、跨家族应用；

如果你只需要使用某个组件，可以仅引入这个组件，Mint UI 能够保证在代码打包时，与这个组件无关的文件不会出现在最终代码里。

用mint-ui，怎么引入那些ui组件

port routes from './router.js'

import MintUI from 'mint-ui';

import 'mint-ui/lib/style.css';

为什么引入移动端自适应,mint-ui样式就无效了

在使用 vue2.0 +mint-ui 时pc端的样式没有问题但是手机端的就缩小了，失去了想要的效果

这是一个头文件的申明问题在入口文件index.html里的标签里加上这个代码即可。meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"