前端

1. 首页
2. IT互联网
3. 前端

第四十四节:Vuex状态管理:辅助函数mapMutations与mapActions

前言说明: 大家已经知道vuex提供了mapState和mapGetter方法,方便我们获取state和getters 同样的vuex也提供了mapMutations 和mapActions方便操作mutations和actions方法 需要注意的是mapState和mapGetter是映射为计算属性,获取数据 而mapMutations 和mapActions是映射为组件methods方法,修

前端 2025年06月10日 88 点赞 0 评论 4655 浏览

Vue3的setup基础

基本使用 setup内部定义的变量可通过return返回，这些变量和方法便可在模板中使用 基本使用 setup内定义的变量本事不具有响应式，即修改其内容时，页面不会发生改变，只有通过ref（基本数据类型）和reactive（复杂数据类型）才能让这些变量具有响应式。 赋予变量响应式 父子组件传值 父传子 子组件 父组件及效果 子传父 子组件调用父组件方

前端 2025年06月04日 66 点赞 0 评论 4664 浏览

前端｜Vue Vue3中使用Pinia，保姆级教程

为什么选择Pinia在构建大型或中型Vue应用时，组件之间的状态共享和管理是一个不可避免的挑战。Vue.js的官方状态管理库Vuex在过去几年里一直是解决这个问题的主流方案。但是，Vuex的复杂性和对TypeScript支持的限制促使社区寻找更简洁、更灵活的解决方案。这就是Pinia应运而生的背景。Pinia是Vue.js的一个全新状态管理库，由同一个团队

前端 2025年05月22日 188 点赞 0 评论 4695 浏览

React学习之——条件渲染(个人笔记)

React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来更新 UI。 if运算符 function UserGreeting(props) { return <h1>Welcome back!</h1>

前端 2024年11月02日 63 点赞 0 评论 4705 浏览

小程序如何传递数据

1、本地缓存 2、全局变量： 在 app.js  中的  this.globalData = { }  中放入要存储的数； 在组件.js 中， 头部 引入  const app = getApp(); 获取到全局变量； 直接使用 app.globalData.key  来进行赋值和获取值。 3. 路由： 使用wx.navigateTo和wx.redirectTo时，可以通过在url后拼接 + 变

前端 2025年06月03日 172 点赞 0 评论 4711 浏览

【附源码】解决pdf.js跨域并从url动态加载pdf文档

0. Abstract 当我们想用PDF.js从URL加载文档时，将会因遇到跨域问题而中断，且是因为会触发了PDF.js和浏览器的双重CORS block，这篇文章将会介绍：①如何禁用pdf.js的跨域？②如何绕过浏览器的CORS加载URL文件？②如何使用PDF.js动态加载URL文件？ Keywords: PDF.js , CORS , URL , 动态加载 , demo , 源码。 1. D

前端 2025年07月28日 138 点赞 0 评论 4714 浏览

全局路由守卫-登录鉴权

const router = createRouter({ history, routes, }) router.beforeEach(async (to, from) => { if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) { return

前端 2025年06月12日 42 点赞 0 评论 4759 浏览

极致的灵活度满足工程美学：用Vue Flow绘制一个完美流程图

目录极致的灵活度满足工程美学：用Vue Flow绘制一个完美流程图一、环境要求二、初识Vue Flow2.1、安装Vue Flow2.2、Vue Flow构成2.3、一个小坑2.4、入门案例三、Vue Flow优秀的自定义功能3.1、引入3.2、节点与连线的自定义①打样（做模板）②模版取名③替换模版 3.3、节点与连线的事件①节点事件②连线事件3.4、句柄

前端 2025年08月24日 80 点赞 0 评论 4775 浏览

0.DOM和BOM的介绍

1.认识DOM和BOM window的全局对象，window上事实上就包含了这些内容： JavaScript语法部分的Object、Array、Date等； 另外还有DOM、BOM部分； image.png 1.1◼ DOM：文档对象模型（Document Object Model） 简称 DOM，将页面所有的内容表示为可以修改的对象； 1.2 ◼ BOM：浏览器对象模型（B

前端 2025年06月12日 185 点赞 0 评论 4816 浏览

Vue 组件间通信有哪几种方式

Vue 组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信 1.props / $emit 适用 父子组件通信 props是父组件将值传给子组件，$emit是子组件通过派发事件的方式将值传给父组件 2.ref 与 $parent / $children 适用 父子组件通信 1）ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指

前端 2025年03月22日 160 点赞 0 评论 4829 浏览