【vue3】15-Vue全家桶-Pinia-更优雅的管理vue状态 Pinia是一种新兴的状态管理库,相比于Vuex,在开发体验、性能和TypeScript支持方面有着明显优势。本篇博客讲解Pinia从安装到使用的详细过程,能帮助了解如何更好地管理Vue状态,提升开发效率。
【vue3】14-Vue全家桶-VueX状态管理 Vuex是一个专为Vue.js应用程序开发的状态管理模式,主要适用于vue2。本文通过解释Vuex的核心概念和使用方式,以及讨论其核心原则和设计思想,来学习如何更好地理解和应用Vuex。首先,介绍了Vuex状态的基本概念,包括state、mutations、actions和getters,然后,详细解释了每个概念的作用和用法。
【vue3】13-前端路由-Vue-Router的详解: 从入门到掌握 Vue-Router 是一个官方的路由器库,它与 Vue.js 紧密集成,可以方便地创建单页应用程序(SPA)的路由。本篇文章将介绍 Vue-Router 的基础及高级功能,包括路由的发展历程、使用方法、路由懒加载、嵌套路由、动态路由、路由守卫等功能。
【vue3】12-Vue 3中的Composition Api(二) Vue3的composition Api的详细内容:在setup中computed函数的使用;如何定义响应式数据;如何在setup里获取元素或组件;watch/watchEffect的使用;还有最重要的setup语法糖使用,极大简化了开发时间,必须要掌握
【vue3】11-Vue 3中的Composition Api(一) Vue 3中Composition API的使用方法:setup函数的基本使用;ref和reactive定义响应式数据;toRefs解构出响应式属性;单向数据流;setup中的其他函数(了解)
【vue3】10-vue组件化额外知识补充(下)-动态组件-组件缓存-v-model在组件上的应用 Vue组件化额外知识补充(下):动态组件的使用方法;内置组件keep-alive;v-model在组件上的应用;Mixin混入
【vue3】08-vue的组件化开发-插槽(Slots)的完全指南 插槽的使用是Vue组件化的重要部分:基本插槽、具名插槽和作用域插槽。基本插槽是指在组件内部使用定义一个匿名插槽来扩展模板;具名插槽允许为插槽赋予名称,以便在组件使用时注入特定的内容;而作用域插槽是Vue.js中的高级插槽技术,可以让我们自定义渲染插槽内容并访问组件的数据。
【vue3】07-vue组件之间的通信-父子互传-事件总线 Vue组件间的通信。父子组件间通信:父传子props,子传父$emit的使用;非父子组件通信:provide/inject和事件总线的使用方法
【vue3】05-vue的双向绑定 — v-model vue的双向数据绑定v-model详细介绍:v-model绑定input,textarea,select,checkbox等表单元素;修饰符的使用
【vue3】03-vue的基础语法 vue的基础语法:v-on绑定多个事件及参数传递;vue的条件渲染:v-if、v-else及v-else-if的使用;v-show和v-if的区别;vue的列表渲染:v-for遍历数组,对象的方法