Vue事件处理的原理与过程详解
目录 事件绑定 自定义事件 事件修饰符 总结 Vue是一种流行的JavaScript框架，用于构建交互式Web应用程序。其中，事件处理是Vue框架非常重要的一部分，本文将详细讲解Vue事件处理的相关内容，包括事件绑定、自定义事件和事件修饰符。 事件绑定 Vue中的事件绑定与原生JavaS »
Vue中计算属性和监听属性及数据的响应式更新和依赖收集基本原理讲解
目录 计算属性和监听属性 计算属性 监听属性 数据的响应式更新和依赖收集 响应式更新 依赖收集 总结 Vue是一款非常流行的JavaScript框架，它提供了很多方便的功能来帮助开发者快速构建交互式Web应用程序。其中两个非常重要的功能是计算属性和监听属性，以及Vue的数据响应式更新和依 »
Vue状态管理库Vuex的入门使用教程
目录 Vue 的状态管理 Vuex 的基本概念 State Mutations Actions Getters Vuex 的使用 总结 Vue.js 是一个流行的 JavaScript 前端框架，它提供了一种方便的方式来构建响应式用户界面。但是，当我们的应用程序变得越来越复杂时，可能需要一种更 »
Vue项目中使用vuex详解
目录 一、vuex状态共享树 1.什么是Vuex 2.vuex的优点 3.什么时候使用vuex 二、Vuex的基本使用 三、Vuex 的核心概念 1.State 2.Mutation 3.Action 4.Getter 一、vuex状态共享树 以前我们进行数据的共享，使用的是自定 »
Vue项目中使用vuex详解
目录 一、vuex状态共享树 1.什么是Vuex 2.vuex的优点 3.什么时候使用vuex 二、Vuex的基本使用 三、Vuex 的核心概念 1.State 2.Mutation 3.Action 4.Getter 一、vuex状态共享树 以前我们进行数据的共享，使用的是自定 »
Vue两个通信方式与动画过度及混入使用介绍
目录 一、全局事件总线 1.何为全局事件 2.安装全局事件总线 3.使用事件总线 二、消息订阅与发布 1.何为pubsub 2.使用步骤 三、nextTick 四、Vue封装的过度与动画 五、配置代理 六、mixin（混入） 一、全局事件总线 1.何为全局事件 一种组件 »
Vue两个通信方式与动画过度及混入使用介绍
目录 一、全局事件总线 1.何为全局事件 2.安装全局事件总线 3.使用事件总线 二、消息订阅与发布 1.何为pubsub 2.使用步骤 三、nextTick 四、Vue封装的过度与动画 五、配置代理 六、mixin（混入） 一、全局事件总线 1.何为全局事件 一种组件 »
Vue中插槽slot的使用方法
目录 1.什么是插槽 2.插槽的使用 3.v-slot指令 4.具名插槽 5.具名插槽的简写形式 6.作用域插槽 7.解构插槽 Prop 1.什么是插槽 插槽（slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户 指定的部分定义为插槽。 2.插 »
商城网站毕业设计（ Python +Vue）
网站介绍 基于 python 开发的电子商城网站，平台采用 B/S 结构，后端采用主流的 Python 语言进行开发，前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括：首页、商品详情页、用户中心模块。 后台功能包括：总览、订单管理、 »
商城网站毕业设计（ Python +Vue）
网站介绍 基于 python 开发的电子商城网站，平台采用 B/S 结构，后端采用主流的 Python 语言进行开发，前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括：首页、商品详情页、用户中心模块。 后台功能包括：总览、订单管理、 »
Vue的异步渲染axios问题
目录 Vue异步渲染axios Vue axios发起异步请求 真实项目中的使用 总结 Vue异步渲染axios 首先我们要知道axios不是vue里面的。 axios是一个基于Promise的，发送http请求的一个工具库，并不是vue中的第三方插件，使用时不能通过“Vue.use( »
Vue祖孙组件如何实现传值
目录 先看基础 $props $attrs $listeners 祖传孙 1. $props 链 2. $attrs 孙传祖 $listeners 总结 先看基础 祖孙组件，也就是 3 层嵌套的组件。关于 vue 中父子组件之间的数据传递是通过 props 和 $emit 实现， »
Vue祖孙组件如何实现传值
目录 先看基础 $props $attrs $listeners 祖传孙 1. $props 链 2. $attrs 孙传祖 $listeners 总结 先看基础 祖孙组件，也就是 3 层嵌套的组件。关于 vue 中父子组件之间的数据传递是通过 props 和 $emit 实现， »
Vue实现父子组件传值其实不难
目录 父传子 代码实现 子传父 代码实现 总结 父传子 通过 props。props 就是用来接收来自父组件的数据的。 下图是大致的示意图。 代码实现 1.在父组件中引用子组件时，使用属性传值。 ① 如果是简单的静态值可以不适用 v-bind。<Child ti »
Vue使用pinia管理数据pinia持久化存储问题
目录 Vue使用pinia管理数据 Vue3 + TS TS 类型声明文件 Axios 二次封装 pinia 持久化存储 用法 常见疑问 进阶用法（按需持久化所需数据） 总结 Vue使用pinia管理数据 Vue3 + TS 步骤： 在main.ts中注册 pinia i »
Vue使用pinia管理数据pinia持久化存储问题
目录 Vue使用pinia管理数据 Vue3 + TS TS 类型声明文件 Axios 二次封装 pinia 持久化存储 用法 常见疑问 进阶用法（按需持久化所需数据） 总结 Vue使用pinia管理数据 Vue3 + TS 步骤： 在main.ts中注册 pinia i »
解读Vue-loader的相关知识
目录 什么是Vue-loader? 一、处理资源路径 转换规则 为什么要转换资源URL（好处） 二、使用预处理器 三、Scoped CSS 3.1 混用组件和全局样式 3.2 子组件根元素 3.3 深度作用选择器 四、热重载 4.1 状态保留规则 五、函数式组件 总结 什么是 »
解决vue修改数据页面不重新渲染问题
目录 vue渲染机制和如何解决数据修改页面不刷新问题的多种方法 vue渲染机制和如何解决数据修改页面不刷新问题的多种方法 本文不讲原理，只讲干货易懂易学 首先 第一点，vue底层是 将data对象传人，使用Object.definePropety,转换为getter和setter，所以，vu »
解决vue修改数据页面不重新渲染问题
目录 vue渲染机制和如何解决数据修改页面不刷新问题的多种方法 vue渲染机制和如何解决数据修改页面不刷新问题的多种方法 本文不讲原理，只讲干货易懂易学 首先 第一点，vue底层是 将data对象传人，使用Object.definePropety,转换为getter和setter，所以，vu »
Vue异步更新DOM及$nextTick执行机制解读
目录 Vue异步更新DOM策略 $nextTick执行机制 示例详解 Vue异步更新DOM的目的 $nextTick应用示例 总结 Vue异步更新DOM策略 我们知道，Vue实现响应式并不是数据发生变化之后DOM立即变化，而是按一定的策略进行DOM的更新。 Vue 在更新 DOM 时是异 »