记某工程代码转换

Vue 

背景 在新旧体系的Vue3和2工程中,由于组件封装和Vue版本的差异,导致我们在定义类似功能的组件时,会导致原有界面需要重新,不能快速的迁移旧页面,而以下即是一个方案,使用中间件组件过滤连接对应的参数. 总结vue2和3的在书写方面的差异性 相关插槽的写法变化 $on 在vue3中废止 过渡组件定义

vue 双向绑定 v-model 使用历史

Vue 

参考: 官网 说明 至今Vue3的发布已经很久了,久到了甚至Vue 2 已经终止支持且不再维护,在几个月未写vue3代码后,忽然前几周在官网上发现了v-model的官方宏,遂记录例比以往v-model的写法; vue3.4 版本之后 defineModel() 宏

使用 Vue 的多种方式

Vue 

摘自: VUE官网 VUE3 使用 Vue 的多种方式 我们相信在 Web 的世界里没有一种方案可以解决所有问题。正因如此,Vue 被设计成一个灵活的、可以渐进式集成的框架。根据使用场景的不同需要,相应地有多种不同的方式来使用 Vue,以此在技术栈复杂度、开发体验和性能表现间取得最佳平衡。 独立脚本

vue中vuex的辅助函数使用方式

Vue 

参考vuex官网: https://vuex.vuejs.org/zh/ 1.页面引入 import { mapGetters, mapState, mapMutations, mapActions } from 'vuex'; 在vue的页面中引用辅助函数