组件库的使用

简介: 组件库的使用

分两大类:移动端、 PC 端

移动端: Vant 、 NutUI 、 TDesgin

PC 端: TDesgin 、 antd 、 element-plus



vant为例:

1. 安装: npm i vant

2. main.js 引入组件的 css

3. main.js 引入需要的组件

 

import { createApp } from 'vue'
import App from './App.vue'
// 导入路由实例
import router from './router';
// 引入组件
import { Button, Popup, Swipe, SwipeItem } from 'vant';
// vue实例
const app = createApp(App)
// 引入组件样式
import 'vant/lib/index.css';
// 在vue实例上安装路由
app.use(router)
// 注册组件
app.use(Button).use(Popup).use(Swipe).use(SwipeItem)
app.mount('#app')
相关文章
|
7月前
为什么要使用组件库?
为什么要使用组件库?
217 0
|
7月前
|
JavaScript 前端开发
推荐一个非常好用的uniapp的组件库【TMUI3.0】
推荐一个非常好用的uniapp的组件库【TMUI3.0】
582 1
|
前端开发 程序员
前端反卷计划-组件库-02-storybook
前端反卷计划-组件库-02-storybook
前端反卷计划-组件库-02-storybook
|
前端开发 程序员
前端反卷计划-组件库-03-组件样式
前端反卷计划-组件库-03-组件样式
组件库 | 步骤条
在写移动端步骤条的时候,发现第三方的步骤条满足不了需求,于是手写了一个
|
前端开发
React组件导入的两种方式(动态导入组件的实现)
React组件导入的两种方式(动态导入组件的实现)
383 0
|
开发工具 git
从0搭建Vue3组件库(八):使用 release-it 实现自动管理发布组件库
从0搭建Vue3组件库(八):使用 release-it 实现自动管理发布组件库
195 0
|
JavaScript 编译器
从0搭建Vue3组件库(三): 组件库的环境配置
从0搭建Vue3组件库(三): 组件库的环境配置
213 0
|
前端开发 容器
前端封装库/工具库的组件库之antd
在现代前端开发中,UI 组件库是一个非常重要的组成部分。其中,Ant Design 是一个备受欢迎的 React UI 组件库。
569 0
|
前端开发 JavaScript 容器
前端封装库/工具库的组件库之Element
在现代前端开发中,UI 组件库是一个非常重要的组成部分。其中,Element 是一个备受欢迎的基于 Vue.js 的 UI 组件库。
229 0