在Vue中，同步和异步操作的区别主要体现在数据处理和更新UI的方式上。同步操作是指代码按顺序执行，当前操作完成后才会执行下一个操作。异步操作则允许在等待某个操作完成的同时继续执行其他代码，常见的异步操作包括API请求、定时器等。
同步操作
顺序执行：同步操作按照代码编写的顺序依...
1年前 (2024-02-29)
喜欢
在Vue中使用v-for进行双层循环并指定索引，可以通过嵌套v-for来实现。每层循环都可以使用(item, index)的形式来获取当前项和其索引。当进行双层循环时，外层循环的索引可以用于内层循环中，以便于标识或操作特定的数据。
以下是一个示例，展示了如何在Vue中使用双层v-...
1年前 (2024-02-29)
喜欢
在Vue 3中，JSX语法可以与Composition API一起使用，以提供一种更接近JavaScript的方式来编写组件。以下是Vue 3中使用JSX的一些关键点：
普通内容：在JSX中，你可以直接写入HTML标签，并且可以像在JavaScript中那样使用表达式。
se...
1年前 (2024-02-28)
喜欢
Vue中使用refs是一个官方推荐的方式来直接访问DOM元素或子组件实例。它们通常用于以下情况：
当需要直接操作DOM时，比如聚焦一个输入框或者测量元素的尺寸和位置。
当需要调用子组件的方法或访问子组件的数据时。
然而，refs应该谨慎使用，因为它们破坏了Vue的响应式和声明...
1年前 (2024-02-28)
喜欢
vue项目开发中，后端提供的是WebSocket，这里记录一下前端请求ws获取数据的代码实例
这里我们将ws接口地址单独放在一个配置文件中，方便后期修改。
之前的项目开发中是使用之前的ws请求写法
调试输出请求的数据
请求实例代码
<script>
import {...
1年前 (2023-12-18)
喜欢
vue 项目中需要使用videojs进行视频自动播放，但是设置了autoplay: true后视频仍然没有自动播放。
<template>
<div class="video-js">
<video ref="...
1年前 (2023-12-14)
喜欢
vue2项目开发中，有一个组件是用setup方法来写的，这里需要在setup里获取props的值.
在 Vue 2 中，可以在 setup 函数中直接获取 props 的值。props 是 setup 函数的第一个参数，它是一个对象，包含了所有传递给组件的 prop 的值。
以下...
1年前 (2023-12-09)
喜欢
vue 数据可视化大屏项目中，为了让页面看起来更加酷炫，会添加一些序列帧动画，这里使用的是css+雪碧图的方式来实现，我们也可以通过js加canvas的方式来实现序列帧。
将帧图片转为精灵图
将图片合成雪碧图并实现动画
html
<div class="shuju...
1年前 (2023-11-21)
喜欢
数据可视化大屏 项目开发中，需要使用高德地图来渲染自定义图标，这里将实现步骤写下来。
演示地址
vue 项目中使用高德地图自定义图标覆盖物
vue 项目中使用高德地图自定义图标覆盖物
首先引入高德地图
在vue项目中的index.html中引入高德地图,这里的key需要自己申请...
2年前 (2023-11-04)
喜欢
数据可视化大屏开发中，需要一个卡片轮播的效果，这里选用的是element plus的走马灯，默认的走马灯选中的卡片长度只有50%和设计图的长度还是有差距的，需要调整一下。
实现代码
当我们单独设置了卡片长度后，卡片会出现偏移，这时候我们需要调整一下，让其向左移动一定的距离保证能...
2年前 (2023-10-21)
喜欢
