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

TDesign 官方文档:https://tdesign.tencent.com/vue/components/button

我们先打开一个普通的vue项目

然后 如果你是 vue 2.6 或者 低于 2.6 在终端执行

javascript 复制代码
npm i tdesign-vue

如果你是 2.7 或者更高 执行

javascript 复制代码
npm i tdesign-vue@naruto

这里 我们 以 2.6为例

因为大部分人 用vue2 都是选择 2.6

先引入一下依赖

然后 我们打开程序入口文件main.js

在里面加上下面这些代码

javascript 复制代码
import Tdesign from 'tdesign-vue'
import 'tdesign-vue/es/style/index.css';
Vue.use(Tdesign)

这样就OK 了 我们来试着用一下它的组件

例如 我们这里复制个按钮的代码

然后 我们启动项目

我们的按钮就出来了

相关推荐
Wang's Blog2 天前
Java框架快速入门: Spring Security+OAuth2之多因子认证与TOTP实战
java·spring·ui
Huanzhi_Lin2 天前
UI业务模块化随笔
ui·mvc·mvp·ecs·ui框架·模块化开发
Quor2 天前
Zorv AI GenUI 技术架构深度解析:从双面设计到安全边界
人工智能·ui·架构
HwJack203 天前
HarmonyOS批量数据与性能优化实战:万条数据入库与不卡 UI 的查询
ui·性能优化·harmonyos
威斯软科的老司机3 天前
通俗讲解 CNN 图像识别、向量 Embedding、Softmax 概率计算这三块的简化原理
前端·人工智能·ui·数字孪生
web守墓人3 天前
【goed/ui】go开发windows原生应用之Helloworld篇
windows·ui·golang
码匠许师傅6 天前
【设计模式精讲】25.状态模式(State)
c++·ui·设计模式·状态模式·uml
插件开发7 天前
Illustrator 插件开发:链接文件存在检查的原理与实战
ui·illustrator
xy34537 天前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计