NuxtJs

Vue 

参考: NuxtJs官网 作为同react Next.js一样的竞品, 做一定了解 介绍 Nuxt's goal is to make web development intuitive and performant with a great Developer Experience in mind

Vue Hook

Vue 

转自: 【vue3】写hook三天,治好了我的组件封装强迫症。作者:背对疾风 浅谈:为啥vue和react都选择了Hooks 场景 一些需要请求后端字典到前端展示的下来选择框,点击之后要展示loading状态的按钮,带有查询条件的表单,这些非常常用的业务场景,我们就可以封装成组件,但是封装成组件就会

Vue h()渲染函数

Vue 

参考: https://cn.vuejs.org 作用: 创建虚拟 DOM 节点 (vnode). 是 hyperscript 的简称——意思是“能生成 HTML (超文本标记语言) 的 JavaScript”. 参数说明: // 完整参数签名 function h(

记某工程代码转换

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的页面中引用辅助函数