数字滚动效果
动画效果
在Vue.js中,可以使用countUp.js插件实现数字滚动。这是一个独立的,能让你创建动态递增或递减的数字动画的JavaScript库。
首先,你需要在项目中安装这个库:
npm install countup.js --save
然后,在你的组...
yekong
1年前 (2023-07-31)
喜欢
项目开发中,使用vue3的写法时,使用watch监听props没有触发接口请求
在 Vue 3 中,由于一些性能优化,watch 不会监听到 props 的变化。对于这种情况,可以使用 watchEffect 来替代 watch。下面是代码修改后的版本:
<script s...
yekong
1年前 (2023-07-28)
喜欢
watch 和 watchEffect 都是 Vue 3 提供的响应数据的变化的 API,但它们之间有一些关键的区别。
启动时的行为:watchEffect 在声明时会立即执行一次回调函数,而 watch 默认情况下则不会。你需要在 watch 的选项中设置 immediat...
yekong
1年前 (2023-07-28)
喜欢
错误消息提示 "No matching export in "node_modules/.pnpm/vue-demi@0.14.5_vue@3.2.45/node_modules/vue-demi/lib/index.mjs" for import ...
yekong
1年前 (2023-07-28)
喜欢
Pinia 和 Vuex 都是用于 Vue.js 的状态管理库,但是它们在设计和 API 上有一些关键的不同。
下面是 Pinia 和 Vuex 的一些主要差异:
API 设计:Pinia 的 API 设计更为简洁和直观。在 Vuex 中,你需要使用 mutations 来更...
yekong
1年前 (2023-07-28)
喜欢
Pinia 是一个用于 Vue.js 的状态管理库,旨在作为 Vuex 的替代品。它可以和 Vue 2 或 Vue 3 一起使用,并且提供了一种轻松管理应用状态的方式。Pinia 被设计为直观并且更易于使用,相比 Vuex 来说,它的 API 更加简洁,并且引入了一些有用的新特性...
yekong
1年前 (2023-07-28)
喜欢
onMounted和mounted都是Vue组件生命周期中的一个阶段,代表组件已经被挂载到DOM。在这个阶段,我们可以访问和操作DOM元素。
他们的区别主要在于他们所在的上下文和使用的方式:
mounted是Vue 2中的选项API的一部分,需要在Vue组件对象中使用,它有权访...
yekong
1年前 (2023-07-27)
喜欢
Vue 3带来了很多新的功能和性能改进,与Vue 2相比,它的主要优点包括:
性能:Vue 3的运行时间性能和内存使用情况均得到了显著改进。它的编译器也更高效,生成更小、更优化的代码。
组合 API:Vue 3引入了一个新的组合API,提供了一种更灵活的方式来组织和复用代...
yekong
1年前 (2023-07-26)
喜欢
vue3 vite项目开发中,渲染threejs时,会报下面的错误
TypeError: 'get' on proxy: property 'modelViewMatrix' is a read-only and non-configurable data property on...
yekong
1年前 (2023-07-26)
喜欢
vue3 项目开发过程中,后端提供的一部分接口会报跨域,这就需要前端做一下反向代理了,但是代理后,前的访问接口会报405这就莫名其妙了。去掉rewrite后就可以正常访问了。
有405的配置
server: {
port: 3012,
open: true,
...
yekong
1年前 (2023-07-25)
喜欢