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

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

然后 我们启动项目

我们的按钮就出来了

相关推荐
栈老师不回家5 小时前
Element UI 组件库详解【Vue】
前端·vue.js·ui
郭梧悠7 小时前
HarmonyOS(57) UI性能优化
ui·性能优化·harmonyos
wyh要好好学习16 小时前
WPF数据加载时添加进度条
ui·wpf
code_shenbing16 小时前
跨平台WPF框架Avalonia教程 三
前端·microsoft·ui·c#·wpf·跨平台·界面设计
vvw&1 天前
如何使用 Docker Compose 安装 WireGuard UI
linux·服务器·ui·docker·容器·wireguard·异地组网
老码沉思录2 天前
Android开发实战班 - 现代 UI 开发之 Material Design及自定义主题
android·ui
lrlianmengba2 天前
推荐一款UI/UX原型设计工具:Icons8 Lunacy
ui·ux
PM大明同学2 天前
Axure PR 9 穿梭框 设计&交互
ui·交互·产品经理·axure·photoshop
软件小伟3 天前
Element UI如何实现按需导入--Vue3篇
前端·javascript·ui·elementui·vue
活宝小娜3 天前
vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden
前端·vue.js·ui