vue文章/教程

目录 前言 可视化界面配置 setting.json配置 总结 前言 今天有同学问到老师：“ 老师，我的vue文件里书写html代码不提示了 ”，这个问题别说还真有点冷门，老师研究了一番之后终于妥善修复了这个问题，这里就将处理结果记录下来，希望帮到有需要的同学。 此处分为两种操作来处理： »

目录 WatchEffect高级侦听器 使用 watchEffect 函数 停止侦听 侦听多个状态 懒执行 总结 WatchEffect高级侦听器 在 Vue 3 中，我们可以使用 watchEffect 函数来创建高级侦听器。与 watch 和 computed 不同，watchE »

目录 WatchEffect高级侦听器 使用 watchEffect 函数 停止侦听 侦听多个状态 懒执行 总结 WatchEffect高级侦听器 在 Vue 3 中，我们可以使用 watchEffect 函数来创建高级侦听器。与 watch 和 computed 不同，watchE »

目录 第一种：基础用法 第二种：三元运算绑定单个 / 数组形式绑定多个Class 第三种：计算属性绑定单个或多个Class 第四种：使用函数绑定Class 总结 第一种：基础用法 Html部分： <div :class="active">基本用法</div> J »

目录 介绍 安装 使用 突出显示单个元素 高亮和弹出窗口 定位弹出窗口 创建功能介绍 异步操作 配置 定义步骤 API方法 实战 效果 介绍 https://github.com/kamranahmedse/driver.js driver.js 是一个轻量级、无依赖的原生 »

目录 前言 show-summary合计项初始化 sum-tex修改文案 summary-method自定义函数 自定义总计列 单个列 多个列 总结 前言 最近有一个想法，就是记录自己花销的时候，table中有一项内容是花销的金额。然后想在table的底部有一项内容是该金额的总计。 然后 »

目录 前言 show-summary合计项初始化 sum-tex修改文案 summary-method自定义函数 自定义总计列 单个列 多个列 总结 前言 最近有一个想法，就是记录自己花销的时候，table中有一项内容是花销的金额。然后想在table的底部有一项内容是该金额的总计。 然后 »

目录 前言 一，创建单文件组件 二，关于不同版本的Vue 三，vue. config. js配置文件 四，ref属性 五，配置项props 六，mixin(混入) 七，插件 八，scoped 总结 前言 单文件组件在实际开发中是经常使用的，那么如何创建一个单文件组件呢？那么本篇就来简单入一 »

目录 常见错误 1. Vue Template Error 2. Cannot read property ‘xxx’ of undefined 3. Failed to mount component: template or render function not defined. 4. U »

目录 常见错误 1. Vue Template Error 2. Cannot read property ‘xxx’ of undefined 3. Failed to mount component: template or render function not defined. 4. U »

目录 组件效果 属性 插槽 封装过程 滚动条正常显示 加载渲染大量数据不卡顿 能对列表数据进行操作增删等 完整代码 待完善 正常情况下，我们对于数据都会分页加载，最近项目中确实遇到了不能分页的场景，如果不分页，页面渲染几千条数据就会感知到卡顿，使用虚拟列表就势在必行了，为了增加复用 »

一般在vue中设置css样式，由于代码为<style lang=“scss” scoped>，设置了scoped，所以一般改变element-ui中的样式都使用::v-deep来进行。但是对于el-date-picker发现设置v-deep并没有效果，无法改变样式。 这是由于el-da »

目录 前言 实现思路 完整源码 实现效果 总结 前言 最近接到这么一个需求，做一个安全码的输入框，限制为6位数，但是每一个写入的值都是一个输入框，共计6个输入框，当前输入框写入值后，光标自动跳到下一个输入框中，删除当前输入框写入的值后再自动跳到上一个输入框中。 实现思路 首先我们需要 »

目录 前言 实现思路 完整源码 实现效果 总结 前言 最近接到这么一个需求，做一个安全码的输入框，限制为6位数，但是每一个写入的值都是一个输入框，共计6个输入框，当前输入框写入值后，光标自动跳到下一个输入框中，删除当前输入框写入的值后再自动跳到上一个输入框中。 实现思路 首先我们需要 »

目录 什么是插槽 插槽的使用 插槽使用 - 具名插槽 对于插槽的概念和使用，这是vue的一个难点，这需要我们静下心来，慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记，如有错误或者有不同见解的，欢迎留言，一起学习。 什么是插槽 插槽就是子组件中的提供给父组件使用的一个 »

目录 痛点引出 源码中的体现 组件示例封装 小扩展 总结 痛点引出 在平时的开发当中，渲染侧边栏导航菜单有时会遇到过需要侧边栏有多层甚至无限层级的问题。此时更优雅的方式便是使用递归组件 <el-menu> <template slot="ti »

目录 痛点引出 源码中的体现 组件示例封装 小扩展 总结 痛点引出 在平时的开发当中，渲染侧边栏导航菜单有时会遇到过需要侧边栏有多层甚至无限层级的问题。此时更优雅的方式便是使用递归组件 <el-menu> <template slot="ti »

目录 vue和react的区别及优缺点 共同点 不同点 react和vue哪个比较受欢迎，以后主流应该是哪个方向？ Vue和React那个更好？ 为什么react还比vue火 总结 vue和react的区别及优缺点 共同点 数据驱动视图 组件化 都使用 Virtual D »

目录 开发背景 需求分析 实现思路 实现需求一 实现需求二 实现需求三 实现需求四 撸起袖子开始干 目录规划 父组件的实现 子组件的实现 使用方法 结语 开发背景 之前在Vue2项目中使用vue-seamless-scroll组件实现过如下图的效果，最近要使用Vue3来实现， »

目录 1.通过控制 loading 来设置 loading，或者 disabled 2.使用Vue自定义指令 3. 使用debounce函数 4.最终解决方案lodash 某些情况下，为了阻止用户短时间内重复点击某个按钮，导致前端向后端重复发送多次请求。 1.通过控制 loading 来设 »