vue2

一、前言 1、概念 keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自

一、前言 Provide与Inject函数能解决隔代传值问题。一个父组件使用Provide函数构造的对象，任何后代的组件树（无论层级有多深），都可以通过Inject函数注入后使用。 适用场景：一些不方

一、前言 Vue自定义指令有全局注册和局部注册两种方式。 本篇局部自定义指令不做叙述 全局自定义指令批量定义注册调用 注册全局指令的方式，通过 Vue.directive( id, [definiti

一、前言 在使用vue动态绑定class及style时可能会出现多场景多逻辑匹配某一标签的情况，致使html代码过于繁杂，不便于阅读维护，通过使用计算属性可以优化该问题。 二、class绑定示例及便捷

一、解决方案 方案一 在页面css中加入如下代码 方案二 找到项目的index.html文件加入如下代码：

一、问题错误复现 通过自定义信息窗生成标记后点击触发的事件，在methods无法触发相应事件，显示当前事件未定义 注意：此处必须是onclick进行事件绑定 自定义信息窗点击事件 待触发事件 二、解决

一、原生使用自定义字体 共两种，外链及内部声明 首先下载字体包解压，创建文件夹放置字体相关文件 可在使用页面直接声明引入使用（序号2.），也可以创建css文件通过外链引用（序号1.） css文件内容，

一、绑定动态事件 绑定动态事件，默认为input事件获值 绑定动态事件语法：@[事件类型]="事件名" 修改事件类型，达到不同事件相同逻辑的目的 二、绑定动态属性 绑定动态属性，默认为placehol

一、 pinia特点 兼容vue2和vue3版本 删除mutations 不能与vuex混用（注意避坑） 支持插件扩展功能 支持模块热更新无需加载页面可以修改容器，可以保持任何现有的状态 更完美TS支

一、前言 setInterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，会出现网页卡死现象。但是setTimeout是自带清除定时器的，两者结合使用将避免页面卡死。 离开页面时，通过生命

一、前言 九宫格布局 注释了三种结果分支 懒得找图，背景色将就看一下 不足的地方，欢迎评论指正 二、代码注释详解

一、前言 你就玩吧，一玩一个不吱声！ 素材在文章里，不想要带水印的话可以评论留言找我拿原图。 比较仓促，不足之处，欢迎交流 二、素材 三、代码注释详解

webpack 支持 ESModel 规范和 CommonJS 规范 一、ESModel 规范 ESModel 模块导入方式：import ESModel 模块导出方式：export、export d

一、前言 适用场景： 复制文本 复制链接 复制段落 复制账号、手机号 ··· 友情提示：浏览器自带document.execCommand()方法（已弃用） 二、实现方法 剪贴板 clipboard

一、前言 1、nextTick()是什么？ nextTick()，延迟代码执行，是将回调函数的逻辑延迟在下一次dom更新后调用，简单的理解是：当数据更新时，在dom渲染后，自动执行该函数。 2、为什么

一、问题描述 vue项目执行npm install下载依赖的时候报如下错误 二、解决方法 下载命令--legacy-peer-deps即可正常

一、前言 template标签的作用是模板占位符，可帮助我们包裹元素，但在渲染过程当中，template不会被渲染到页面上 html中的template标签中的内容在页面中不会显示。但是在后台查看页面

一、动态类名 通过定义和更改动态变量，控制类名变动； 类名较时可以为一个对象，分别通过不同条件控制当前类名是否生效； 类名较时可以为一个数组，分别通过不同条件控制当前类名是否生效； 单个条件可控制多个

一、前言 插槽就像放在组件中的占位标签，使用组件时我们将要放到占位标签处的DOM结构写入组件标签体中即可。 通俗点来讲，插槽就是在自定义组件中预留一个位置，这个位置的内容可以由使用组件的人来定义，可以

一、 安装 二、封装地图组件 三、页面引入 四、开发总结 使用高德地图，不需要参考其他的，基本上就是安装一个加载器@amap/amap-jsapi-loader，然后参考高德地图开放webjs文档，根