# Vue + ElementUI+ el-autocomplete 组件的防抖方案的懒加载在项目开发中，经常会使用到下拉选择框，为了更快捷所以有了autocomplete的出现，autocomplete 是一个可带输入建议的输入框组件，该组件在数据量大的情况下能通过输入快速的查找到对应的选项。通过Element-UI的官网文档的示例可知，其通过输入数据从而自动查找且显示对应的数据。当数据量大的时

Vue3+Ts+echarts的地图今天接到一个需求，在首页添加我们大中国的地图。由于我技术不行，且用echarts的次数屈指可数，而且地图不同于柱状图那些好理解，且在网上没有查找到Vue3+TS的，找到的也很丑，在经历半天的磨难中，终于完成了。没有点击！没有点击！因为项目需求是这样，所以没有弄转市的点击事件。而且因为还没有具体的需求接口，故将每个省的id作为value，来显示颜色。后期看需求可以

Vue3 +ElementPlus 表单组件的封装在系统中，表单作为用户与后端交互的重要传递组件使用频率极高，故对其进行封装是必然的，也是一个编写规范代码的前端程序员必须做的一件事。在Vue3中封装组件时，能感受到与Vue2有着很大的不同，故作此记录。form文件夹FormItem.tsx文件是Typescript中的新特性之一，详细可查阅TS中文文档index.vue是主体文件type.ts表单

Vue3 setup语法糖的子组件调用父组件的函数在Vue3中对于父子组件传值的使用与Vue2有些许不同子组件调用父组件的函数父组件通过定义函数以及将函数通过@属性=“函数”，将函数传入子组件中//父组件<template><ChangeCarrier ref="ChangeCarrierRef"@refresh="getData"></ChangeCarrier&g

Vue的生命周期Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中

Vue的生命周期Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中

Vue单页面应用的首屏加载优化

TypeError: Cannot set properties of undefined (setting '0')

Vue的生命周期Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中

Internal server error: [@vue/compiler-sfc] <script setup> cannot contain ES module exports. If you are using a previous version of <script setup>, please consult the updated RFC at https://github.com/