Vue2+Vue3
文章平均质量分 95
01star️
永远没有正确的选择,而是让选择变正确
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue3:组合式API、Vue3.3新特性、Pinia
本质:在原有传入数据的基础上,外层包了一层对象,包成复杂类型。底层包成复杂类型之后,再借助reactive实现的响应式。create-vue是Vue官方新的脚手架工具,底层切换到了vite,为开发提供快速响应。作用和场景:顶层组件向任意的底层组件传递数据和方法,实现跨层组件通信。3、数据和函数需要在setup最后return中写,才能在模板中应用。props传递的数据,模板中可以直接使用,脚本中。使用前需要从pinia中导入,可以解构且不会使数据丢失响应式。修改数据:谁的数据,由谁维护。原创 2025-12-16 15:00:48 · 735 阅读 · 0 评论 -
Vue2(三):自定义指令、插槽、路由、组件缓存
本文摘要: Vue.js开发指南包含三部分核心内容:1.自定义指令,介绍了基本语法、传值机制及v-loading指令封装;2.插槽使用,包括默认插槽、具名插槽和作用域插槽;3.路由管理,涵盖SPA特性、VueRouter基本使用(5+2步骤)、声明式导航(router-link)、传参方式(查询参数和动态路由)以及编程式导航。重点讲解了路由模块封装、重定向、404处理和模式设置等进阶功能,为Vue项目开发提供了完整的导航解决方案。原创 2025-12-01 20:49:46 · 1026 阅读 · 0 评论 -
Vue2(四):自定义创建项目、ESlink语法规范、vuex(state、mutations、actions、getters)、模块module、组件库vant
本文摘要:文章介绍了Vue项目开发中的关键技术要点。首先讲解了基于VueCli创建项目时的代码规范配置,包括ESLint自动修复和JavaScript Standard Style规范。重点阐述了Vuex状态管理的核心概念(state、mutations、actions、getters、modules)及其应用场景。在智慧商城项目部分,详细说明了组件库Vant的使用、vw适配方案、路由配置(包括一级/二级路由)以及常用功能实现(如图形验证码和Toast提示)。文章涵盖了Vue项目从基础配置到状态管理、UI组原创 2025-12-08 16:04:56 · 965 阅读 · 0 评论 -
Vue2(二):生命周期、案例、工程化开发入门、组件(scoped,data函数)、组件通信(props)、v-model详解、.sync修饰符、ref和$refs、Vue异步更新和nextTick
本文系统梳理了Vue.js核心知识点,主要内容包括:1)生命周期钩子函数应用场景,如created阶段初始化数据、mounted阶段操作DOM;2)工程化开发流程,包括脚手架结构、组件化开发和注册方式;3)组件通信方案,涵盖父子组件props/$emit、非父子组件eventbus和provide/inject;4)v-model双向绑定原理及其在表单组件封装中的应用;5)特殊指令如.sync修饰符和$nextTick的使用场景。通过"小黑记账清单"案例演示了数据获取、图表渲染等综合应用原创 2025-11-28 15:35:54 · 778 阅读 · 0 评论 -
Vue2(一):创建实例、插值表达式、Vue响应式特性、Vue指令、指令修饰符、计算属性
Vue:一个构建用户界面的渐进式框架。原创 2025-10-18 14:08:30 · 840 阅读 · 0 评论
分享