vue项目中按需引入vant组件

笑望灬星辰 2020-05-31 12:25:47
vue项目使用vant组件库


vant组件库官网 https://youzan.github.io/vant/#/zh-CN/quickstart


# 通过 npm 安装
npm i vant -S


# 安装插件
npm i babel-plugin-import -D


# 然后在.babelrc 中添加配置 样式按需加载
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}



这样就可以在组件中按需引入啦


<template>
<div>
<van-button type='success'>我的第一篇帖子</van-button>
</div>
</template>
<script>
import {Button} from 'vant'
export default {
components:{
vanButton: Button,
}
}
</script>



这是本人,第一次写帖子,若存在错误希望指正,后续会继续更新 vue移动端项目中使用vant其他组件。

...全文
928 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
笑望灬星辰 2020-06-05
  • 打赏
  • 举报
回复
这不是第一次嘛,通过这几天也算是入门csdn了 哈哈哈
前端_小菜鸟 2020-06-03
  • 打赏
  • 举报
回复
应该写在博客上,帖子一般用来解答问题的

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧