分类:vue

vue开发笔记

vue3 vite项目使用wow.js实现加载动画

vue3 vite项目使用wow.js实现加载动画
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入wowjs来实现动画,但是升级到vue3后再使用wowjs会报下面的错误。 报错 Uncaught...

2年前 (2023-01-28) 喜欢

vue3 使用使用animate.css组件不生效

vue3 使用使用animate.css组件不生效
vue项目中会使用wow.js+animate.css这类插件进行项目动画渲染。但是使用animate.css插件没有效果,使用特定版本的animate.css就可以,今天趁着处理vue3 vite项目使用wowjs实现加载动画问题也把这个历史问题给解决了。推荐方案1 解决方案...

2年前 (2023-01-28) 喜欢

vue3 vite 引入组件报错 Failed to resolve import ..... Does the file exist?

vue3 vite 引入组件报错 Failed to resolve import ..... Does the file exist?
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统,用来做实践项目。 然后遇到了第一个问题 使用vite引入组件的时候会报错误 Failed to load url /src/comp...

2年前 (2023-01-28) 喜欢

vue3 vite使用@ 配置路径别名

vue3 vite使用@ 配置路径别名
在vue2开发时一直使用的别名提示,使用vue3的vite时,突然不能用别名了,研究发现需要配置一下。 找到vite.config.js,添加alias配置就重新运行就可以了。 import {defineConfig, loadEnv} from 'vite'; import ...

2年前 (2023-01-24) 喜欢

vite 项目文件托管到七牛云cdn上

vite 项目文件托管到七牛云cdn上
vue项目为了提升加载速度,会将静态资源托管到cdn上,以前一直使用的是vue2最近开始学习使用vue3,也加入到了vite的大军当中,首先要解决一下cdn的问题。 仍有问题 虽然能够成功上传到七牛云了,但是目前还有一个问题,使用vite打包后chrome浏览器请求获取js文件时...

2年前 (2023-01-23) 喜欢

vite 判断项目是开发环境还是生产环境

vite 判断项目是开发环境还是生产环境
vue项目中,使用vite打包时,我们需要判断环境,用于做不同的处理,比如cdn部署。 通过process.env.NODE_ENV我们可以获取到环境。 import {defineConfig, loadEnv} from 'vite'; import vue from '@v...

2年前 (2023-01-23) 喜欢

vue3 vite 安装使用路由router

vue3 vite 安装使用路由router
安装依赖 pnpm install vue-router 创建路由文件 router->index.js import {createRouter, createWebHistory} from 'vue-router' const routerHistory = c...

2年前 (2023-01-23) 喜欢

vue 横向滚动动画插件

vue 横向滚动动画插件
演示地址 效果演示地址 演示地址 安装依赖 npm install vue-marquee-component --save 引入 import Vue from 'vue'; import VueMarquee from 'vue-marquee-component'; V...

2年前 (2022-12-28) 喜欢