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

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

news 文章来源：https://blog.csdn.net/weixin_45966674/article/details/132479724 2025/2/8 18:51:35

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

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

相关文章：

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-vuenaruto这里 我们 以 2.6为例 因为大部分人 用vue2 都是…...

编程日记 2023/8/28 2:14:41

VR/AR/眼镜投屏充电方案（LDR6020）

VR眼镜即VR头显，也称虚拟现实头戴式显示设备，随着元宇宙概念的传播，VR眼镜的热度一直只增不减，但是头戴设备的续航一直被人诟病，如果增大电池就会让头显变得笨重影响体验，所以目前最佳的解决方案还是使用VR…...

编程日记 2023/8/28 2:13:39

区分什么是Java内存模型（JMM）和 JVM运行时数据区

文章目录 一、概念区分1、什么是内存模型？什么是（内存区域）运行时数据区？2、为什么要有Java内存模型？2.1、硬件的效率与一致性2.2、 CPU和缓存的一致性2.2.1、为什么需要CPU cache？2.2.2、三级缓存&#xf…...

编程日记 2023/8/28 2:12:38

Flask狼书笔记 | 04_表单

文章目录 4 表单4.1 HTML表单4.2 使用Flask-WTF4.3 处理表单数据4.4 表单进阶实践小记 4 表单 表单是和用户交互最常见的方式之一&#xff0c;本章涉及的Python包由WTForms、Flask-WTF、Flask-CKEditor。&#xff08;p104&#xff09; 4.1 HTML表单 通过<form>标签创建…...

编程日记 2023/8/28 2:11:36

RabbitMQ+springboot用延迟插件实现延迟消息的发送

延迟队列&#xff1a;其实就是死信队列中消息过期的特殊情况 延迟队列应用场景&#xff1a; 可以用死信队列来实现&#xff0c;不过死信队列要等上一个消息消费成功&#xff0c;才会进行下一个消息的消费&#xff0c;这时候就需要用到延迟插件了&#xff0c;不过要线在docker上…...

编程日记 2023/8/28 2:10:34

多线程和并发（1）—等待/通知模型

一、进程通信和进程同步 1.进程通信的方法 同一台计算机的进程通信称为IPC&#xff08;Inter-process communication&#xff09;&#xff0c;不同计 算机之间的进程通信被称为 RPC(Romote process communication)&#xff0c;需要通过网络&#xff0c;并遵守共同的协议。**进…...

编程日记 2023/8/28 2:09:33

浏览器的事件循环

其实在我们电脑的操作系统中&#xff0c;每一个运行的程序都会由自己的进程&#xff08;可能是一个&#xff0c;也可能有多个&#xff09;&#xff0c;浏览器就是一个程序&#xff0c;它的运行在操作系统中&#xff0c;拥有一组自己的进程&#xff08;主进程&#xff0c;渲染进…...

编程日记 2023/8/28 2:08:32

跳跃游戏 II【贪心算法】

跳跃游戏 II class Solution {public int jump(int[] nums) {int cur 0;//当前最大覆盖路径int next 0;//下一步的最大覆盖路径int res 0;//存放结果&#xff0c;到达终点时最少的跳跃步数for (int i 0; i < nums.length; i) {//遍历数组&#xff0c;以给出数组以一个…...

编程日记 2023/8/28 2:07:30

promise

promise 属于事件循环的微任务&#xff0c;具体详见&#xff1a;事件循环 Promise 语法: const p1 new Promise((reslove,reject)>{console.log(2);reslove(1) }).then((data)>{console.log(3);console.log(data) }).catch((data)>{console.log(3); }) promise.th…...

编程日记 2023/8/28 2:06:28

前端面试：【网络协议与性能优化】HTTP/HTTPS、TCP/IP和WebSocket

嗨&#xff0c;亲爱的Web开发者&#xff01;在构建现代Web应用时&#xff0c;了解网络协议是优化性能和确保安全性的关键。本文将深入探讨HTTP/HTTPS、TCP/IP和WebSocket这三个网络协议&#xff0c;帮助你理解它们的作用以及如何优化Web应用的性能。 1. HTTP/HTTPS协议&#xf…...

编程日记 2023/8/28 2:05:27

设计模式之工厂模式（万字长文）

文章目录 概述工厂模式的优点包括工厂模式有几种主要的变体看一个具体需求使用传统的方式来完成传统的方式的优缺点 简单工厂模式基本介绍使用简单工厂模式简单工厂模式的优缺点优点&#xff1a;缺点&#xff1a; 工厂方法模式看一个新的需求思路 1思路 2工厂方法模式介绍工厂方…...

编程日记 2023/8/28 2:04:24

CNN 02(CNN原理)

一、卷积神经网络(CNN)原理 1.1 卷积神经网络的组成 定义 卷积神经网络由一个或多个卷积层、池化层以及全连接层等组成。与其他深度学习结构相比&#xff0c;卷积神经网络在图像等方面能够给出更好的结果。这一模型也可以使用反向传播算法进行训练。相比较其他浅层或深度神经…...

编程日记 2023/8/28 2:03:22

Android View动画整理

View 动画相关内容可参考官网 动画资源 此前也有写 View 动画相关的内容&#xff0c;但都只是记录代码&#xff0c;没有特别分析。以此篇作为汇总、整理、分析。 Android View 动画有4中&#xff0c;分别是 平移动画 TranslateAnimation缩放动画 ScaleAnimation旋转动画 Rot…...

编程日记 2023/8/28 2:02:19

阿里云架构

负载均衡slb 分类以及应用场景 负载均衡slb clb 传统的负载均衡（原slb） 支持4层和7层（仅支持对uri（location）,域名进行转发） 一般使用slb(clb) alb 应用负载均衡 只支持7层，整合了nginx负载均衡的各种功能，可以根据用户请求头，响应头 如果需要详细处理用户请求（浏…...

编程日记 2023/8/28 2:01:17

【C语言】操作符大全(保姆级介绍)

&#x1f6a9;纸上得来终觉浅&#xff0c; 绝知此事要躬行。 &#x1f31f;主页&#xff1a;June-Frost &#x1f680;专栏&#xff1a;C语言 &#x1f525;该篇将详细介绍各种操作符的功能。 目录&#xff1a; &#x1f4d8; 前言① 算术操作符②移位操作符③位操作符④赋值操…...

编程日记 2023/8/28 2:00:16

ruoyi-cloud部署

默认你已经安装mysql&#xff0c;nacos&#xff0c;seata&#xff0c;sentinel等&#xff08;没有的可以先找教程安装&#xff09; 1、下载源码&#xff1a;git clone https://gitee.com/zhangmrit/ruoyi-cloud 2、项目依赖导入&#xff0c;选择自己的maven环境等&#xff0c;创…...

编程日记 2023/8/28 1:59:15

Vue3（开发h5适配）

在开发移动端的时候需要适配各种机型&#xff0c;有大的&#xff0c;有小的&#xff0c;我们需要一套代码&#xff0c;在不同的分辨率适应各种机型。 因此我们需要设置meta标签 <meta name"viewport" content"widthdevice-width, initial-scale1.0">…...

编程日记 2023/8/28 1:58:13

图的存储：邻接矩阵法

1.邻接矩阵的实现 邻接矩阵的定义&#xff1a;在无向图和有向图中&#xff0c;使用二维数组表示各个顶点的相邻情况&#xff1a;1代表相邻&#xff0c;0表示不相邻。 代码实现&#xff1a; #define MaxVertexNum 100//顶点数目的最大值 typedef struct {char Vex [MaxVertexN…...

编程日记 2023/8/28 1:57:12

如何优雅的使用Git？

第一部分&#xff1a;Git的基本概念和初始设置 Git是一个分布式版本控制系统&#xff0c;它允许多人共同工作&#xff0c;同时跟踪和管理项目的版本历史。使用Git&#xff0c;您可以恢复旧版本、创建新分支进行实验&#xff0c;并与其他开发者进行协作&#xff0c;而不会影响主…...

编程日记 2023/8/28 1:56:10

【【STM32分析IO该设置什么模式的问题】】

STM32分析IO该设置什么模式的问题 我们分析而言 我们对于PA0 的设计就从此而来 对于边沿触发的选择我们已经有所了解了 我们下拉&#xff0c;但是当我们摁下开关的时候 从0到1 导通了 所以这个是下拉 上升沿触发 而对于KEY0 我们摁下是使得电路从原来悬空高阻态到地就是0 所以…...

编程日记 2023/8/28 1:55:05

飞天使-k8s基础组件分析-服务与ingress

文章目录 服务的介绍服务代理服务发现连接集群外服务服务发布无头服务 服务&#xff0c;pod和dns的关系端口转发通过expose 暴露应用服务案例INGRESSMetalLB使用参考文档 服务的介绍 服务的作用是啥&#xff1f; 提供外部调用&#xff0c;保证podip的真实性看看服务解决了什么…...

编程日记 2023/8/28 1:54:04

Unity——拖尾特效

拖尾是一种很酷的特效。拖尾的原理来自人类的视觉残留&#xff1a;观察快速移动的明亮物体&#xff0c;会看到物体移动的轨迹。摄像机通过调整快门时间&#xff0c;也可以拍出具有拖尾效果的照片&#xff0c;如在城市的夜景中&#xff0c;汽车的尾灯拖曳出红色的线条。 在较老…...

编程日记 2023/8/28 1:53:03

java开发之fastjson

依赖 <!-- fastjson依赖 --> <!-- https://mvnrepository.com/artifact/com.alibaba/fastjson --> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.76</version> <…...

编程日记 2023/8/28 1:52:00

第一个C语言程序：HelloWorld

第一个C语言程序 注释 注释 对代码的解释和说明 特点 ○ 不会被执行 目的 让人们能够更加轻松地看懂代码 分类 行注释 // 快键键 ctrl/ 块注释 /**/ 快捷键 shiftalta 示例代码&#xff1a; #include <stdio.h>int main() {// 行注释/*块注释*/printf("hello w…...

编程日记 2023/8/28 1:50:59

golang 使用 viper 加载配置文件 自动反序列化到结构

文章博客地址:golang 使用 viper 加载配置 自动反序列化到结构 golang使用 viper 无需设置 mapstructure tag 根据配置文件后缀 自动返序列化到结构解决结构有下划线的字段解析不成功问题 viper 正常加载配置文件 golang viper 其中可以用来 查找、加载和反序列化JSON、TOML…...

编程日记 2023/8/28 1:49:57

C#设计模式六大原则之--接口隔离原则

设计模式六大原则是单一职责原则、里氏替换原则、依赖倒置原则、接口隔离原则、迪米特法则、开闭原则。它们不是要我们刻板的遵守&#xff0c;而是根据实际需要灵活运用。只要对它们的遵守程度在一个合理的范围内&#xff0c;努为做到一个良好的设计。本文主要介绍一下.NET(C#)…...

编程日记 2023/8/28 1:48:56

【面试题】：axios二次封装都进行了哪些配置以及如果项目里面有两个baseURL你怎么解决？

一.axios的概念 Axios 是一个基于 promise 网络请求库&#xff0c;作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。 二.axios的特点&#xf…...

编程日记 2023/8/28 1:47:52

谈谈对 GMP 的简单认识

犹记得最开始学习 golang 的时候&#xff0c;大佬们分享 GMP 模型的时候&#xff0c;总感觉云里雾里&#xff0c;听了半天&#xff0c;并没有一个很清晰的概念&#xff0c;不知 xmd 是否会有这样的体会 虽然 golang 入门很简单&#xff0c;但是对于理解 golang 的设计思想和原…...

编程日记 2023/8/28 1:46:50

Java正则表达式系列--从字符串中提取字符串或数字

原文网址&#xff1a;Java正则表达式系列--从字符串中提取字符串或数字_IT利刃出鞘的博客-CSDN博客 简介 本文用示例介绍Java如何使用正则表达式从字符串中提取想要的内容&#xff08;字符串或者数字等&#xff09;。 例1&#xff1a;提取一次不同内容 需求 从字符串中找到…...

编程日记 2023/8/28 1:45:49

机器学习实战之模型的解释性：Scikit-Learn的SHAP和LIME库

概要 机器学习模型的“黑箱”困境 机器学习模型的崛起让我们惊叹不已&#xff01;不论是预测房价、识别图片中的猫狗&#xff0c;还是推荐给你喜欢的音乐&#xff0c;这些模型都表现得非常出色。但是&#xff0c;有没有想过&#xff0c;这些模型到底是如何做出这些决策的呢&a…...

编程日记 2023/8/28 1:44:48

如何做网站运营/北京学电脑的培训机构

docker run -t -i ubuntu:14.04 /bin/bash 新建并启动容器 -t 让Docker分配一个伪终端&#xff08;pseudo-tty&#xff09;并绑定到容器的标准输入上 -i 让容器的标准输入保持打开 -d 让容器在后台以守护态&#xff08;Deamonized&#xff09;形式运行 -v 创建一…...

编程日记 2025/2/8 18:07:49

网站制作框架/网络销售工作靠谱吗

1.挑个富文本编辑器首先针对自己项目的类型&#xff0c;确定自己要用啥编辑器。1.1 wangeditor如果一般类似博客这种项目不需要花里胡哨的&#xff0c;功能也不要求贼多的&#xff0c;推荐一下wangeditor(点击跳转)。能覆盖基本上所有的常见操作&#xff0c;轻量化&#xff0c;…...

编程日记 2025/2/8 17:07:09

国外幼儿园网站模板/亿驱动力竞价托管

参考廖雪峰python3 首先记住&#xff1a; 面向对象的三大特点是 数据封装、继承和多态 面向对象编程oop&#xff0c;就是把对象作为程序的基本单元&#xff0c;一个对象中包含了数据和操作数据的函数 而我们平时写的python程序&#xff0c;很多是面向过程的&#xff0c;也会是执…...

编程日记 2025/2/8 15:20:11

如何使用阿里云做网站/拉新平台

在开发 Flex 或 AIR 应用程序的时候&#xff0c;如果需要把图片、声音等资源嵌入到目标文件中的时候&#xff0c;一般需要使用到 Embed Embed 标记的功能就是把资源生成一个相应的类&#xff0c;以下是 Embed 标记应的地情况说明&#xff1a; 1、在代码中使用 Embed 标记 [Embe…...

编程日记 2025/2/8 13:13:51

苏州建网站必去苏州聚尚网络/泉州网站建设优化

2019独角兽企业重金招聘Python工程师标准>>> myisam&#xff1a;如果对事务要求不高&#xff0c;同时是以查询和添加为主&#xff0c;可以考虑使用此种存储引擎。不如bbs中的发帖表&#xff0c;回复表等 批量插入速度高&#xff0c;支持全文索引&#xff0c;表锁 in…...

编程日记 2025/2/8 12:56:41

富平做网站/网站的优化策略方案

Question 877. Stone Game Solution 题目大意&#xff1a; 说有偶数个数字&#xff0c;alex和lee两个人比赛&#xff0c;每次轮流从第一个数字或最后一个数字中拿走一个&#xff08;偶数个数字&#xff0c;所以他俩拿的数字个数相同&#xff09;&#xff0c;最后比谁拿的数字总…...

编程日记 2025/2/8 12:16:23