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

记录学习过程

持续补充 每天的学习点滴

开始时间2024-04-12

---

1，报错记录

（1）env.d.ts文件

解决方法：

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

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

(2)待

2,准备工作-默认配置

2.1默认代码配置

（1）设置->配置用户代码

（2）输入搜索vue

（3）打开vue.json文件，进行代码片段设置

{
	"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表格

(1) 实现标题行文本换行

  columns: [
          {
            title: '用水量 \n (L)',
            dataIndex: 'name',
            key: 'name',
            align:'center',
            customHeaderCell:()=>{
               return {
                  style:{
                    whiteSpace:'pre-wrap'
                   }        
             }
            }
          },
    ···
 ]

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

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