跳到主要内容

4 篇博文 含有标签「Vue」

Vue我也不太会

查看所有标签

vue获取proxy对象中的原始对象

· 阅读需 1 分钟
Hanasaki
阿巴阿巴阿巴

在使用vuex时,由于state是响应式的,用它获取对象值输出也是proxy对象。例如:

无论是Vuex还是使用的Composition API 的reactive(),vue中的响应式对象可使用toRaw()方法获取原始对象。

// 导入toRaw函数
import { toRaw } from '@vue/reactivity'
// 该函数返回转换后的对象
const crystal = toRaw(store.state.mapping.crystal)
// 输出可以看到已经不是proxy对象了
console.log(crystal[0])

Vue3+gsap 实现轮播组件

· 阅读需 5 分钟
Hanasaki
阿巴阿巴阿巴

我们要用到gsap的ScrollToPlugin插件实现滚动的动画效果,样式用Tailwind写了一部分、手撸了一部分。

效果如图 在这里插入图片描述

Vue3 之 readonly

· 阅读需 2 分钟
Hanasaki
阿巴阿巴阿巴

readonly

取得一个对象(反应性或普通)或ref并返回一个只读代理。访问的任何嵌套属性也将是只读的。
传入普通对象等返回只读代理。
传入普通数值或字符串不能变成只读,例如 readonly('abc')