当前位置: 首页 > news >正文

vue2.6及以下版本导入 TDesign UI组件库

TDesign 官方文档:https://tdesign.tencent.com/vue/components/button
我们先打开一个普通的vue项目
在这里插入图片描述
然后 如果你是 vue 2.6 或者 低于 2.6 在终端执行

npm i tdesign-vue

如果你是 2.7 或者更高 执行

npm i tdesign-vue@naruto

这里 我们 以 2.6为例
因为大部分人 用vue2 都是选择 2.6
先引入一下依赖
在这里插入图片描述
然后 我们打开程序入口文件main.js
在里面加上下面这些代码

import Tdesign from 'tdesign-vue'
import 'tdesign-vue/es/style/index.css';
Vue.use(Tdesign)

在这里插入图片描述
这样就OK 了 我们来试着用一下它的组件

例如 我们这里复制个按钮的代码
在这里插入图片描述
在这里插入图片描述
然后 我们启动项目
我们的按钮就出来了
在这里插入图片描述

http://www.lryc.cn/news/142276.html

相关文章:

  • VR/AR/眼镜投屏充电方案(LDR6020)
  • 区分什么是Java内存模型(JMM)和 JVM运行时数据区
  • Flask狼书笔记 | 04_表单
  • RabbitMQ+springboot用延迟插件实现延迟消息的发送
  • 多线程和并发(1)—等待/通知模型
  • 浏览器的事件循环
  • 跳跃游戏 II【贪心算法】
  • promise
  • 前端面试:【网络协议与性能优化】HTTP/HTTPS、TCP/IP和WebSocket
  • 设计模式之工厂模式(万字长文)
  • CNN 02(CNN原理)
  • Android View动画整理
  • 阿里云架构
  • 【C语言】操作符大全(保姆级介绍)
  • ruoyi-cloud部署
  • Vue3(开发h5适配)
  • 图的存储:邻接矩阵法
  • 如何优雅的使用Git?
  • 【【STM32分析IO该设置什么模式的问题】】
  • 飞天使-k8s基础组件分析-服务与ingress
  • Unity——拖尾特效
  • java开发之fastjson
  • 第一个C语言程序:HelloWorld
  • golang 使用 viper 加载配置文件 自动反序列化到结构
  • C#设计模式六大原则之--接口隔离原则
  • 【面试题】:axios二次封装都进行了哪些配置以及如果项目里面有两个baseURL你怎么解决?
  • 谈谈对 GMP 的简单认识
  • Java正则表达式系列--从字符串中提取字符串或数字
  • 机器学习实战之模型的解释性:Scikit-Learn的SHAP和LIME库
  • Go 语言进阶与依赖管理 | 青训营