在vue组件中实现antd-vue的demo代码，如果componets中只写[Timeline.name]: Timeline，会提示找不到组件TimelineItem,但是如果尝试import{TimelineItem }from 'ant-design-vue'又会提示'ant-design-vue'中没有TimelineItem
按需引入插件后，使用[Timeline.Item.name]: Timeline.Item 注册组件即可
关于v-ben admin后台框架打包后子目录无法访问的问题。其实很多使用vue框架版本打包几乎都会遇到这个问题。
导致这个问题出现的原因是静态资源加载的路径不正确。因为在打包后，静态资源加载的路径是“/”，这样的话，访问的相对路径是根目录的路径，并不是子目录的路径，所以我们需要修改静态资源打包路径为“./”这样就可以了。
那么v-ben admin的这个路径在哪里改呢？
找到根目录的
.env.development
与
.env.production
文件，然后修改VITE_PUBLIC_PATH的值为./ 即可
错误日志显示
SyntaxError: C:UsersSKTAppDataLocalYarnCachev6npm-object-visit-1.0.1-f79c4493af0c5377b59fe39d395e41042dd045bb-integritynode_modulesobject-visit.yarn-metadata.json: Unexpected end of JSON input
解决方法：
从文件路径中我们可以看到这里是yarn的缓存文件的问题！！！！！！
yarn cache clean --force
强制清除一波缓存就解决问题！
let与const都是只在声明所在的块级作用域内有效。
let声明的变量可以改变，值和类型都可以改变，没有限制。
const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。
const a ;//报错,一旦声明变量，应该立即赋值！！
const b = 2;
b = 3//报错，因为定义常量之后不能成重新赋值！！
对于复合类型的变量，如数组和对象，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向的地址不变，并不保证该地址的数据不变，所以将一个对象声明为常量必须非常小心。
const names = [];
names = [1,2,3] //出错，因为变量names指向的地址不能发生改变，应始终指向[]所在的地址！！！[1,2,3]与[]不是同一个地址
//不会报错，因为names指向的地址不变，改变的只是内部数据
const names = [];
names[0] = 1
names[1] = 2
names[2] = 3
如果想让定义的对象或数组的内部数据也不能够修改和改变，可以使用object.freeze(names)进行冻结，这样为对象添加新属性就不起作用。
除了将对象本身冻结，对象的属性也应该冻结。下面是一个将对象彻底冻结的函数
var constantize = (obj) => {
Object.freeze(obj);
Object.keys(obj).forEach( (key) => {
if ( typeof obj[key] === 'object' ) {
constantize( obj[key] );
}
});
};