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

news2024/11/24 5:35:12

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.coloradmin.cn/o/922994.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

华为“天才少年”稚晖君发布具身智能机器人远征A1,引领智能科技新时代!

原创 | 文 BFT机器人 继前几天小米发布仿生四足机器人CyberDog2之后,2023年8月18日上午,被称为“华为天才少年”、“野生钢铁侠”的彭志辉,也就是B站硬核科技UP主稚晖君。 他目前担任智元CTO和首席架构师,他和他的智元团队创业半…

【C++STL入门】vector查、改、交换

文章目录 前言一、查1.1 输出全部迭代器下标运算for_each函数 1.2 输出单个元素at()函数[] 下标运算back()函数 二、改assign函数 三、交换swap函数 总结 前言 一、查 在C中,使用vector进行查找操作可以分为两类:输出全部和输出单个元素。下面将详细介绍…

音视频FAQ(二)视频直播延时高

摘要 延时高是实时互动技术中常见的问题之一,解决延时高问题需要综合考虑网络、设备、编解码算法等多个因素。解决方案包括优化设备端延时、优化网络传输延时和使用UDP进行音视频传输等。在选择音视频传输协议时,需要综合考虑实际需求和网络条件&#x…

图神经网络与分子表征:2. SchNet

SchNet 在2018年的面世彻底引爆了神经网络势函数(NNP, Neural Network Potential)领域,虽然说NNP的开山鼻祖还要更早,但均未像 SchNet 这样真正被物理化学家接受,引发变革。 这篇博客浅浅记录下自己阅读SchNet代码的心得。2023年的今天&…

如何五分钟设计制作自己的蛋糕店小程序

在现如今的互联网时代,小程序已成为企业推广和销售的重要利器。对于蛋糕店来说,搭建一个小程序可以为其带来更多的品牌曝光和销售渠道。下面,我们将以乔拓云平台为例,来教你如何从零开始搭建自己的蛋糕店小程序。 首先&#xff0c…

Mybatis分页及特殊字符

目录 MyBatis分页 特殊字符 接着上篇博客接下来我们要写的是MyBatis分页 MyBatis分页 首先我们导入pom依赖 <dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper</artifactId><version>5.1.2</version>…

workbench连接MySQL8.0错误 bad conversion 外部组件 异常

阿里云搭建MySQL实用的版本是8.0 本地安装的版本是: workbench 6.3 需要升级到&#xff1a; workbench 8.0 https://dev.mysql.com/downloads/workbench/

基于 SVG 的图形交互方案实践

不知道从什么时候起&#xff0c;人们开始喜欢上数字大屏这种“花里胡哨”的东西&#xff0c;仿佛只要用上“科技蓝”这样神奇的色调&#xff0c;就可以让一家公司焕然一新&#xff0c;瞬间变得科技感满满。不管数字大屏的实际意义&#xff0c;是用来帮助企业监控和决策&#xf…

压力传感器丨定义、原理、应用

压力传感器是工业实践中常用的设备&#xff0c;作为自控系统的重要组成部分&#xff0c;压力传感器能够用于工业过程中压力参数的测量和控制&#xff0c;常用于高温、低压、腐蚀、振动等环境。 压力传感器的原理是基于压力感测技术&#xff0c;能够将被测压力转化为4G信号&…

开学日临近,送你一份VR校园攻略

开学日临近&#xff0c;各位萌新是否还在心怀激荡&#xff0c;无限憧憬着美丽校园呢&#xff1f;可能有一部分大学已经开学了&#xff0c;那么刚入校园的你们&#xff0c;是不是也想尽快熟悉未来学习、生活的地方呢&#xff1f;这份VR校园攻略带你沉浸式体验校园生活。 首先是大…

基于前端技术原生HTML、JS、CSS 电子病历编辑器源码

电子病历系统采取结构化与自由式录入的新模式&#xff0c;自由书写&#xff0c;轻松录入。实现病人医疗记录&#xff08;包含有首页、病程记录、检查检验结果、医嘱、手术记录、护理记录等等。&#xff09;的保存、管理、传输和重现&#xff0c;取代手写纸张病历。不仅实现了纸…

亚马逊出口灯具需要做的认证fcc认证UL认证ROHS认证CE认证

灯具CE认证&#xff1a; ​CE认证是产品进入欧盟及欧洲贸易自由区国家市场的通行证。任何国家的产品要进入欧盟、欧洲自由贸易区必须进行CE认证&#xff0c;在产品上加贴CE标志。LED灯具CE认证检测&#xff0c;为各国产品在欧洲市场进行贸易提供了统一的技术规范&#xff0c;C…

寻找最佳财务软件:简单易用的首选推荐

现代企业越来越依赖高效的财务管理工具&#xff0c;而财务软件成为了许多企业的首选。然而&#xff0c;市场上众多的财务软件让人眼花缭乱&#xff0c;财务软件哪个最好用最简单&#xff1f; Zoho Books是由Zoho Corporation开发的一款全功能财务管理软件。它提供了一系列强大的…

Leetcode---111双周赛

题目列表 2824. 统计和小于目标的下标对数目 2825. 循环增长使字符串子序列等于另一个字符串 2826. 将三个组排序 2827. 范围中美丽整数的数目 一、统计和小于目标的下标对数目 这题直接暴力求解&#xff0c;时间复杂度是O(n^2)&#xff0c;代码如下 class Solution { pu…

知识推荐:化工企业ERP系统如何选型?

多年来&#xff0c;在政策激励、舆论倡导和产业实践的不断推动下&#xff0c;智能制造的理念已经深入人心&#xff0c;成为化工行业的普遍共识。在当前经济新常态下&#xff0c;化工产业面临着产能过剩、效益下滑、环境恶化等多重压力&#xff0c;必须从战略高度认识并积极应对…

Kali 软件管理测试案例

案例1 &#xff1a;显示目录树 tree ┌──(root㉿kali)-[~] └─# tree --help usage: tree [-acdfghilnpqrstuvxACDFJQNSUX] [-L level [-R]] [-H baseHREF][-T title] [-o filename] [-P pattern] [-I pattern] [--gitignore][--gitfile[]file] [--matchdirs] [--metafirs…

PotPlayer+LAV+MadVR+XySubFilter 配置指南(修订版)

Introduction Potplayer 作为 Windows 上很受欢迎的一款播放器&#xff0c;公认的最佳配置为结合 LAV、madVR、XySubfilter 进行使用。本文将介绍一种对其简单配置的方法。 LAV&#xff1a;一套主流的开源解码 filterMadVR&#xff1a;一个高性能的视频渲染器XySubFilter&…

keepalived双机热备

一、概述 Keepalived 是一个基于 VRRP 协议来实现的 LVS 服务高可用方案&#xff0c;可以解决静态路由出现的单点故障问题 原理 在一个 LVS 服务集群中通常有主服务器&#xff08;MASTER&#xff09;和备份服务器&#xff08;BACKUP&#xff09;两种角色的服务器&#xff0c…

19篇ICCV 2023自动驾驶精选论文解析 | 涵盖3D目标检测、语义分割、点云等方向

ICCV 2023榜单上月已出&#xff0c;今年共收录了2160篇论文&#xff0c;这次是精选了今年ICCV 2023 会议中自动驾驶相关的最新论文来和大家分享&#xff0c;涵盖了3D目标检测、BEV感知、目标检测、语义分割、点云等方向&#xff0c;共19篇。 论文原文以及开源代码文末领取&…

Apipost:提升API开发效率的利器

在数字化时代&#xff0c;API已经成为企业和开发者实现业务互通的关键工具。然而&#xff0c;API的开发、调试、文档编写以及测试等工作繁琐且复杂。Apipost为这一问题提供了完美的解决方案。 Apipost是一款专为API开发人员设计的协同研发平台&#xff0c;旨在简化API的生命周…