分类:vue

vue开发笔记

vite-plugin-mock介绍以及作用

vite-plugin-mock介绍以及作用
vite-plugin-mock是一个用于Vite构建工具的插件,它提供了内置的Mock功能,允许您在Vite项目中方便地模拟接口数据。它的作用是在开发阶段,帮助前端开发人员在没有实际后端接口的情况下,使用模拟数据进行开发和调试。 特点和作用: 提供模拟数据:vite-plug...

yekong 1年前 (2023-07-24) 喜欢

vue3 Vue3SeamlessScroll与el-tooltip搭配使用页面崩溃

vue3 Vue3SeamlessScroll与el-tooltip搭配使用页面崩溃
vue3 数据大屏项目 开发中Vue3SeamlessScroll滚动组件在与element-plus的el-tooltip使用时,会导致页面崩溃,所以这里我们需要调整一下,当鼠标移入对应的区域的时候才会切换到el-tooltip,当鼠标移开后,则恢复到最简单的p标签,这样就不会...

yekong 1年前 (2023-07-23) 喜欢

vue3 vite项目中如何引用普通的js文件

vue3 vite项目中如何引用普通的js文件
最近有一个效果看起来很好,想将其应用vue项目中,但是这个效果是普通的html+js的写法实现的,一时不知道如何操作了,我们需要将这个方法导出来使用。 在 Vue 3 和 Vite 项目中,要将一个 JavaScript 文件内的 SphereEarthManager 函数导出供...

yekong 1年前 (2023-07-22) 喜欢

vue3 vite项目中使用jquery

vue3 vite项目中使用jquery
在 Vue 3 和 Vite 中使用 jQuery 需要按照以下步骤进行设置: 安装 jQuery 首先,在你的 Vue 3 项目中安装 jQuery 包。你可以通过 npm 或 yarn 来安装 jQuery。 使用 npm: npm install jquery 使用 ya...

yekong 1年前 (2023-07-22) 喜欢

vue3 vite项目接口跨域解决办法

vue3 vite项目接口跨域解决办法
vue3 vite 数据大屏项目在进行接口调用的时候,会遇到跨域问题,报如下错误: Access to XMLHttpRequest at https://www.wanjunshijie.com" from origin "http://localhost:8...

yekong 1年前 (2023-07-20) 喜欢

vue vite和webpack的区别

vue vite和webpack的区别
Vue Vite 和 Webpack 是两种用于构建前端项目的工具,它们有一些区别和特点。 构建速度: Vue Vite:Vite 是一种基于原生 ES 模块的构建工具,利用浏览器对 ES 模块的原生支持,不需要进行打包和编译,因此启动速度非常快,可以实现秒级的热更新。 Web...

yekong 1年前 (2023-07-20) 喜欢

vue 初始化一个webpack项目

vue 初始化一个webpack项目
在Vue项目中初始化一个Webpack项目,通常使用Vue CLI(Command Line Interface)工具来帮助我们快速创建和配置一个基本的Webpack项目。Vue CLI提供了一套预定义的项目模板和脚手架,方便我们开始一个新的Vue项目。 以下是使用Vue CLI...

yekong 1年前 (2023-07-20) 喜欢

创建vite项目

创建vite项目
最近的项目,都要求使用vue3来开发, 正好也实践一下vite,我们也可以了解一下vite和webpack的区别 创建命令 npm init vite@latest 输入项目名称 执行完上面的命令后,会让输入项目名称,这里我们直接默认,如果需要修改的话,自行输入自己想要的名称就...

yekong 1年前 (2023-07-20) 喜欢

vue3 实现类似气泡的效果

vue3 实现类似气泡的效果
vue 数据可视化大屏 项目中,按照效果图,需要实现一组气泡效果,气泡内有数字以及标题。 这里我们需要实现这里出气泡的大小,位置以及气泡的颜色等信息。将气泡渲染出来后,为了让页面看起来更生动,我们使用gsap来给组件添加一个上下轻微晃动的效果。 效果截图 效果动画 组件代码 ...

yekong 1年前 (2023-07-14) 喜欢