vite+vue3+antDesignVue 记录-持续记录

server/2024/10/18 2:38:50/
记录学习过程
持续补充 每天的学习点滴

开始时间2024-04-12

1,报错记录

(1)env.d.ts文件

解决方法:

在env.d.ts文件中添加以下代码(可以看一下B站尚硅谷的讲解视频)

javascript">declare module '*.vue' {import { DefineComponent } from "vue"const component: DefineComponent<{}, {}, any>export default component
}

(2)待

2,准备工作-默认配置

2.1默认代码配置

(1)设置->配置用户代码

(2)输入搜索vue

(3)打开vue.json文件,进行代码片段设置

javascript">{"Print to console": {"prefix": "vue","body": ["<script setup lang=\"ts\">","</script>\n","<template>","  <div class=\"container\">\n","  </div>","</template>\n","<style scoped >\n","</style>","$2"],"description": "Log output to console"}
}

3,组件使用

3.1 grid栅格布局

3.2树形控件

刚好晚上巩固vue3知识,看到组件章节,才理解到 树形控件的本质是对递归组件的使用。

学 无止境。

3.3Table表格

3.4Tabs使用--结合Tabs切换和echarts渲染

这里这里---持续更新记录!


http://www.ppmy.cn/server/7525.html

相关文章

Android startForegroundService与startForeground

启动service service启动有四种形式。 1.显示启动(如直接按service的全路径启动) 2.隐示启动(如通过intent-filter的action标签启动) 3.通过bindservice显示启动。 4.通过bindservice隐示启动。 Demo 创建一个service的子类&#xff0c;如 import android.app.Notifica…

力扣HOT100 - 25. K 个一组翻转链表

解题思路&#xff1a; class Solution {public ListNode reverseKGroup(ListNode head, int k) {ListNode dum new ListNode(0, head);ListNode pre dum;ListNode end dum;while (end.next ! null) {for (int i 0; i < k && end ! null; i) {end end.next;}if …

Vue模版语法(初学Vue之v-指令语法)

目录 一、介绍 1.概念 2.常见指令语法及用法 1.v-bind: 2.v-model: 3.v-if / v-else-if / v-else: 4.v-for: 5.v-on: 6.v-show: 7.v-pre: 8.v-cloak: 二、使用 1.Mustache插值语法 2.v-once指令使用 3.v-text指令使用 4.v-html指令使用 5.v-pre指令使用 6.v-…

springboot 从mysql 迁移人大金仓 -kingbase

一、配置方法修改 1、添加maven依赖 <!-- 人大金仓 --><dependency><groupId>cn.com.kingbase</groupId><artifactId>kingbase8</artifactId><version>8.6.0</version></dependency> 2、连接配置&#xff0c;修改 .y…

安全开发实战(3)--存活探测与端口扫描

目录 安全开发专栏 前言 存活探测 端口扫描 方式一: 1.3.1 One 1.3.2 Two 1.3.3 批量监测 方式二: 1.3.1 One 1.3.2 Two 1.3.3 Three 1.3.4 扫描ip地址,提取出开放端口和协议 ​编辑 1.3.5 批量扫描(最终完成版) 总结 安全开发专栏 安全开发实战​http://t.csd…

electron项目打包慢、打包报错

项目使用了electron框架&#xff0c;在第一次打包或者网络条件不好的环境下进行打包时熟速度慢的出奇&#xff0c;甚至经常出现打包失败的情况&#xff08;如上面图片的报错&#xff09;。 这是因为&#xff0c;在electron打包的过程中&#xff0c;需要去官方源https://github.…

[MoeCTF 2022]Hex

看提示要用010&#xff0c;拖进010查看&#xff0c;查找ctf找到flag&#xff0c; moectf{Hello_Hex}