组件库的使用

简介: 组件库的使用

分两大类:移动端、 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')
相关文章
为什么要使用组件库?
为什么要使用组件库?
393 0
|
JavaScript 前端开发 测试技术
搭建Vue3组件库:第五章 Jest进行前端单元测试
单元测试是软件质量的重要保证。本章节介绍Jest测试框架。
519 0
|
存储 缓存 JSON
Unity资源热更新知识梳理及工作流介绍
研究了大半年的热更,才做出了一套相对完善的热更架构。不得不说,这块的知识点还是多而杂的,值得专门开篇博文来记录梳理。
2948 0
|
8月前
|
机器学习/深度学习 监控
DeepSeek进阶开发与应用3:DeepSeek中的模型调优技术
本文深入探讨了DeepSeek框架中的模型调优技术,涵盖超参数优化、正则化方法及回调函数的应用。通过学习率调整、网格搜索、L1/L2正则化、Dropout、提前停止和模型检查点等具体示例,帮助读者掌握提升模型性能和防止过拟合的方法。文中还介绍了如何使用回调函数监控和调整训练过程,确保模型在大规模数据集上高效训练。
|
12月前
|
NoSQL MongoDB 索引
MongoDB 覆盖索引查询
10月更文挑战第21天
112 1
|
关系型数据库 MySQL 数据库
navicat 查看,设计并导出数据库 ER图
navicat 查看,设计并导出数据库 ER图
2241 5
|
前端开发 JavaScript Android开发
|
人工智能 监控 Serverless
如何基于ACK Serverless快速部署AI推理服务
通过上述步骤,可以在ACK Serverless上快速部署AI推理服务,实现高可用、弹性扩展的服务架构。
381 1
|
传感器 机器学习/深度学习 算法
恶劣天气条件下激光雷达感知研究综述
恶劣天气条件下激光雷达感知研究综述
378 0