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 了 我们来试着用一下它的组件

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

然后 我们启动项目

我们的按钮就出来了

相关推荐
dotent·2 小时前
C#基于WPF UI框架的通用基础上位机测试WPF框架
ui·c#·wpf
安卓理事人10 小时前
安卓多种通知ui更新的方式(livedata,rxjava,eventbus等)
android·ui·echarts
半兽先生21 小时前
uniapp高性能ui框架uni-ui
ui·uni-app
马剑威(威哥爱编程)1 天前
鸿蒙6开发中,UI相关应用崩溃常见问题与解决方案
ui·华为·harmonyos
ITVV1 天前
元数据 Unity Catalog v0.3.0 UI
ui·元数据
袅沫2 天前
Element-UI 番外表格组件
javascript·vue.js·ui
百锦再3 天前
[特殊字符] HBuilder uni-app UI 组件库全方位对比
android·java·开发语言·ui·rust·uni-app·go
lqj_本人4 天前
鸿蒙与Qt的双线程模型:主线程与UI线程的博弈
qt·ui·harmonyos
南华4 天前
Visual Studio 2022 加载解决方案缓慢
ui
lqj_本人4 天前
鸿蒙原生与Qt混合开发:UI集成与事件处理
qt·ui·harmonyos