import vue from vue_有赞技术团队vue开源UI框架vant快速入门

简介

轻量、可靠的移动端 Vue 组件库，MIT协议, 目前github star 数9k+

推荐理由

• 55+ 个组件
• 90% 单元测试覆盖率
• 完善的中英文文档和示例
• 支持按需引入
• 支持主题定制
• 支持国际化
• 支持 TS
• 支持 SSR

浏览器支持

现代浏览器以及 Android 4.0+, iOS 6+

本地开发

• 安装

# 通过 npm 安装npm i vant -S# 通过 yarn 安装yarn add vant

• 快速上手
• 导入所有组件

import Vue from 'vue';import { Button } from 'vant';import 'vant/lib/index.css';Vue.use(Button);

• 通过 CDN 引入

• 自动按需引入组件 (推荐)

babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。

# 安装插件npm i babel-plugin-import -D// 在.babelrc 中添加配置// 注意：webpack 1 无需设置 libraryDirectory{ "plugins": [ ["import