vue 引入mint ui

最新推荐文章于 2023-03-05 08:53:46 发布

ai_feng123

最新推荐文章于 2023-03-05 08:53:46 发布

阅读量500

点赞数

分类专栏： mint ui

本文链接：https://blog.csdn.net/ai_feng123/article/details/97391520

版权

接触vue ，需要用来写移动端app,引入组件样式下导航

Mint-UI 官网：mint ui

Vue项目直接用vue-cli生成，直接进入正题

执行命令：

1、下载mint ui 安装包 npm install --save mint-ui,按需导入再执行 npm install --save-dev babel-plugin-component

2、在babel 设置文件中添加：

 "plugins": [
    [
      "component",
      { "libraryName": "mint-ui", "style": true }
    ]
  ],

可是执行报错

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: .plugins[0][2] must be a string, or undefined

3、再执行 cnpm install style-loader -D 报错不再出现

4、copy 官方文本

mian.js中引入

import { Tabbar, TabItem } from 'mint-ui';

import'mint-ui/lib/style.css'
Vue.component(Tabbar.name, Tabbar);
Vue.component(TabItem.name, TabItem);

<div

关注