vue UI组件库

最新推荐文章于 2024-04-27 11:01:56 发布

虽千万人吾往矣

最新推荐文章于 2024-04-27 11:01:56 发布

阅读量276

点赞数

分类专栏： vue 文章标签： vue bootstrap css javascript js

本文链接：https://blog.csdn.net/weixin_44575660/article/details/107953350

版权

vue 专栏收录该内容

27 篇文章 2 订阅

订阅专栏

vue常用的UI组件库有Mint UI和Elment
下载Mint UI

npm install --save mint-ui

实现按需打包
1、下载

npm install --save-dev babel-plugin-component

2、修改 babel 配置

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="/static/css/bootstrap.css">
    <title>vue_demo</title>
    <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
    <script>
      if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
          FastClick.attach(document.body);
        }, false);
      }
      if(!window.Promise) {
        document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');
      }
    </script>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

就可以使用mint ui了
在main.js引入，然后直接使用即可
在这里插入图片描述

虽千万人吾往矣

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue UI组件库

vue常用的UI组件库有Mint UI和Elment下载Mint UInpm install --save mint-ui实现按需打包1、下载npm install --save-dev babel-plugin-component2、修改 babel 配置<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" conten
复制链接

扫一扫