Vue

问题描述 vuex 关于vuex，笔者之前写过一篇文章。链接附上：https://juejin.cn/post/6965504417764376612 vue实例bus事件 vue实例bus其实不仅仅

问题描述 在我们做项目中，经常需要使用定时器做一些重复的任务，比如接口轮询更新数据等。本篇文章记录一下vue项目中使用定时器的一些注意事项。 注意事项 使用定时器的时候，主要是要注意使用定时器的以下情

问题描述 组件化开发中经常用到父子组件的通信，父传子子传父等数据的操作，如果父组件的数据是发请求从后端获取的异步数据，那么父组件将这个数据传递给子组件的时候，因为是异步数据，就会出现父组件传递过去了，

什么是vuex 官方定义 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 大白话讲解 Vu

问题描述（什么是keep-alive） keep-alive顾名思义，保持活跃。保持谁活跃呢？ 首先我们知道，因为vue就是组件化编程，一个.vue文件就是一个组件。就像万事万物一样，都有从出生到消亡

问题描述 去年，也就是2020年9月份，vue3出来了。增加了很多新功能，但是也删掉了一些功能。比如删掉了vue2中的过滤器filter功能。与此同时，官方建议：用方法调用或计算属性替换过滤器。 wh

什么是混合mixin 首先，谈到混合mixin这个词，并不是只有vue中才有混合的概念。其实在css的预处理器less或者stylus或者scss中也有类似的混合函数mixin的概念。只不过css预处

问题描述 tab切换的场景在开发中会经常用到。当需要实现这种效果的时候，我们常常会想到下面的方式去实现这个效果。 方式一 使用display:none;去控制dom元素的显示与隐藏。从而实现，两个ta

封装dialog组件前的插槽技术复习 为什么要封装组件（组件化开发） 组件化开发（封装组件）的好处 好处显而易见，可以增加代码的复用性、灵活性，从而提高开发效率。试想如果一个项目中在很多页面都能用到一

问题描述 当表格列过多的时候，产品说加一个配置列的功能吧。即勾选了，让其显示。不勾选让其隐藏。下次打开浏览器的时候，还保留上一次的表格列的显示隐藏状态。 效果图附上 代码附上 代码注释写了思路了呢，其

问题描述 vue项目中兄弟组件数据传递是比较常用的操作。比较常用的是vuex或事件总线vue实例来实现。本篇文章说一下vue实例bus的用法步骤。vue实例bus的用法就相当于一个中间快递小哥，会帮我

什么是组件化组件化是一种思想，就是拆分的意思，通俗而言，就是大而化小（没有小而化了）、方便管理。比如咱们中国地大物博，人口众多不好管理，所以就拆分成许多省、直辖市、自治区，方便管理。写代码也是一样，如

问题描述在我们做项目中，常见的是横向表格，但是偶尔的需求，也会做竖向的表格。比如下图这样的竖向表格：我们看到这样的效果图，第一时间想到的是使用UI框架，改一改搞定。但是饿了么UI并没有直接提供这样的案

问题描述在开发项目中，可以使用自带的字体，比如微软雅黑或宋体等（宋体很丑，不建议用）；也可以自己下载字体去用。本篇文章记录一下如何修改项目中的字体。步骤描述不同公司的项目中都会有重置样式表（reset

在我们的印象中，v-model的用法好像就是绑定一个data中的数据(比如输入框)。比如下面的常见用法： 这样就会给我们造成一个错觉，好像v-model就是绑定一个数据字符串。其实v-model不仅可以绑定字符串，还可以结合v-for绑定数组。如下面的用法： 下图中的这个效果图…

需求，给三个卡片的内容上要加上如下所示的索引。我们先看一下效果图： 第一种，让后端返回数据的时候，把对应的索引拼接到数据的前面。（不推荐） 第二种，前端通过v-text去处理，前端自己加。（推荐） v-text平常好像是下面的这种用法，就是取值常常是从data中取值然后用v-t…

左右联动的效果，在移动端比较常见。比如美团外卖中的商家外卖商品选择。常见的解决方案就是使用better-scroll滑屏库去实现。不过偶尔web端的项目也会要做这样的左右联动的效果。本篇文章是在vue框架中使用原生js来实现相应的效果的。我们先看一下最终的效果图： 代码中的注释…

需求：我们搜索某个关键字，后端返回给我们一个字符串，这个字符串中包含我们搜索的关键字，我们需要把这个字符串中的关键字部分加上高亮效果（类似于百度搜索关键字高亮的效果）。我们先看一下，大致类似的效果图： 如上图所示，需求很简单，就是关键字高亮。 解决方式有两种，第一种就是进行字符…

vue中动态绑定类名:class的用法比较灵活，本案例以导航菜单点击高亮为例，简单进行讲解，我们先看一下最终的效果图。 :class除了上述三种写法以外，还有数组的写法、三元表达式的写法。不过我个人觉得，别的写法和上述介绍的写法都类似，触类旁通。灵活运用上述三种写法，基本上可以…

回到顶部效果，思路其实很简单。就是初始有一个盒子，固定定位在浏览器网页的右下角，一开始要隐藏起来。当滚动超过首屏高度的位置时，才让其出现。给这个小盒子绑定一个点击事件，在点击事件的回调中，使用定时器去让滚动条的高度递减，从而实现回到顶部效果。当然也要绑定滚动事件，监听滚动的高度…