树叶铃

摘要： 方案一 结合defineAsyncComponent异步加载 组件位置定义 注册代码文件config defineAsyncComponent异步加载组件 // 自动注册全局组件 // vue3 vite写法 import { defineAsyncComponent } from 'vue' co 阅读全文

摘要： 1.安装依赖 npm i vite-plugin-svg-icons 2.文件存放svg 3.全局组件svg-icon（直接放到全局组件目录下） <template> <svg class="svg-icon"> <use :xlink:href="`#icon-${props.name}`" cl 阅读全文

摘要： /** * x抽 xAxisName * legend is typeName * {{value}} 指标 * 数据结构处理 */ export default function getStackChartData(data: [], xAxisName: string, typeName: st 阅读全文

摘要： vue3 vue2 1.vue3更新有哪些（更新什么内容） >性能优化：渲染更快，性能更好了 >组合API：代码简洁，逻辑写到一块I >tree-shaking支持：打包体积更小，（去掉未使用的代码） >Fagements：支持不是一个根标签 >Teleport: 模板渲染位置可以在dom不同地方 阅读全文

摘要： es6新特性 详细介绍 阅读全文

摘要： typeof 检查数据类型 注意看上面例子中 null typeof 输出是什么？为什么呀？ 没错是 object， 历史原因（因为null二进制和object的标识符一样，导致null类型被判断为object） null 数据直接用== 或者 比较即可 扩张 null和undefined区别 nu 阅读全文

摘要： defineAsyncComponent 是 Vue 3 提供的一个用于异步加载组件的功能， 它允许我们在需要时才去加载某个组件，而不是一开始就把所有组件都加载到页面中。 这样可以有效地减少首屏加载时间，尤其是当项目中组件数量庞大时，异步加载组件可以极大提高应用的性能。【按需加载优化性能】【懒加载】 阅读全文

摘要： 1.slot 插槽 子组件里定义，父组件引用，slot是个占位符，父组件可以自定义传递文本==》子组件【可复用性】【灵活度】 一般用于组件封装，插件封装 2.slot类型【默认slot、具名slot、作用域slot】 2.1 默认 slot 2.2 具名slot 可以指定作用域里显示 2.3 作用域 阅读全文

摘要： 1.v-cloak 配合css使用，用于解决加载过慢（复杂逻辑处理闪烁问题） 编译时元素会自动加上属性v-cloak,编译结束后会自动消失 css css [v-cloak]{ display: none } html <div v-cloak> xxx</div> 2.v-html & v-tex 阅读全文

摘要： export default { Canada: '加拿大', Turkmenistan: '土库曼斯坦', 'Saint Helena': '圣赫勒拿', 'Lao PDR': '老挝', Lithuania: '立陶宛', Cambodia: '柬埔寨', Ethiopia: '埃塞俄比亚', 阅读全文