老汤博客

创建一个Vue倒计时功能组件涉及到使用Vue的响应式系统和定时器。以下是一个简单的Vue倒计时组件示例，它接受一个结束时间，并从那时开始倒计时，可以实现天、时、分、秒倒计...

我们在前端vue框架项目里，经常会用到如下图所示，要实现评价多个标签可点击、可以选中、同时样式还要变化，也就是加高亮下，其实实现这些功能不难的哦，具体看我写的实例代...

在使用element框架的过程中，用到了dialog对话框，那么问题来，dialog需要直接放在文件中才能用，直接增加了单文件的复杂性和可读性。vue文件过大怎么办？分之，实现组件...

在Vue.js中，获取元素距离页面顶部的距离通常涉及DOM元素的位置计算，可以借助于JavaScript的DOM API来实现。以下是如何在Vue 2.x和Vue 3.x中分别获取元素距离页面顶...

在Vue 3中获取一个div元素的宽度和高度，可以使用Vue的响应式API如`ref`和Vue生态系统中的实用库如`@vueuse/core`中的`useResizeObserver`来监听元素尺寸的变化。以下是使...

vue3中provide和inject函数提供依赖注入，功能类似 vue2.x 的provide/inject，实现跨层级组件(祖孙)间通信。子或孙子组件接收到的数据可以用于读取显示，也可以进行修...

在Vue.js中，`:class` 和 `:style` 是用于动态设置HTML元素的class和style属性的指令。它们用于根据数据绑定在模板中设置元素的样式和类。1. vue绑定class类名的...

vue单页面应用（SPA），通俗一点说就是指只有一个主页面的应用。浏览器一开始必须加载所需的html、js、css。所有页面内容都包含在这个所谓的主页面中。但是在开发的时候还...

一、浏览器缓存究竟是什么？浏览器缓存（Browser Caching）是为了加速浏览，浏览器在用户磁盘上对请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从...

路由的懒加载：用到的时候再加载概念：懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。作用：因为路由通常会定义很多不同的界面，而在打...

在Vue中，我们可以通过@dblclick或者v-on:dblclick来绑定双击事件。双击事件与单击事件冲突的问题可以通过设置适当的延迟来解决。以下是一个示例，展示了如何在...

在 Vue 实例内部，你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push想要导航到不同的 URL，则使用 router.push方法。这个方法会向 history栈...

在Vue项目中我们经常会将一些功能相似的且又常用的方法封装在同一个js文件中，这样可以方便项目的修改、维护、升级和代码复用。就比如我们常见的注册功能，就需要大量的校...

vue.extend的用法使用基础 Vue 构造器函数，通过原型继承，(返回)创建一个“子类”(构造器)。参数是一个包含组件选项的对象。Copyconst Sub = fun...

vue2 和 vue3 的生命周期执行顺序（注意vue3变量定义优先级高于vue2）：生命周期看下 vue3 与 vue2 的生命周期图（看不看也无所谓有个印象就可以）：...

由于最近要使用的项目框架为前后端分离的，采用的是vue.js+webAPI的形式进行开发的。因为之前我没有接触过vue.js，也只是通过视频文档做了一些简单的练习。今天技术主管说...

今天要做的事将后台发送过来的Token存储到客户端中，这里可以存Cookie、LocalStorage、SessionStorage等地方，Cookie前面已经介绍过了这里直接忽略，我们主要说说LocalSt...

日常开发中使用 Vue或其他框架时，难免会遇到一些问题。尽管 Vue内部已经做了许多优化，但我们仍然需要去关注 Vue项目性能方面的优化，使项目具有更高效...

vue2.x1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit,让父组件监听到自定义事件 。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, f...

Vue的过滤器可以用来处理模板中绑定的数据，以实现一些简单的数据格式化或计算。下面是Vue过滤器的使用和语法。## 过滤器使用1. 全局过...