vue2 项目升级 vue3 之 gogocode 实践初识

08月24日前端开发没有评论 gogocode,vue3,vue3.js,web前端开发,前端开发,前端开发那点事

GoGoCode GoGoCode 是一个基于 AST 的 JavaScript/Typescript/HTML 代码转换工具，你可以用它来构建一个代码转换程序来帮你自动化完成如框架升级、代码重构、多平台转换等工作。当前 GoGoCode 支持解析和...

React & Immer 不可变数据结构的处理

08月20日前端开发没有评论 immer,react,useReducer,web前端开发,前端开发,前端开发那点事

Immer 是一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。无奈网络上完善的文档实在...

vue2/vue3 Composition Api 常用工具集， @vueuse/core 之核心函数 array 实践

08月15日前端开发没有评论 @vueuse/core,vue3 hooks,vue3.js,vueuse,web前端开发,前端开发,前端开发那点事

useArrayDifference Reactive get array difference of two array <script lang="ts" setup> import { ref } from 'vue' import { useArrayDifference } from '@vueuse/core' const list1 = ref(&...

vue3.js 3.3.x 发布新特性之 defineModel

08月14日前端开发没有评论 defineModel,vite,vue,vue3,vue3.js,web前端开发,前端开发,前端开发那点事

以前，为了使组件支持与v-model双向绑定，它需要（1）声明prop，（2）在打算更新prop时发出相应的update:propName事件： <script lang="ts" setup> const props = defineProps([ 'modelValue' ]) ...

vue3.js + vite + Typescript，使用过程中趟过的坑

08月14日前端开发没有评论 defineModel,vue3,vue3.js,web前端开发,前端开发,前端开发那点事

defineModel() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect. ...