Vue.js

React避免不必要的重新渲染的方法示例-牛翰网

React避免不必要的重新渲染的方法示例

目录 1. 使用 React.memo 缓存组件 2. 避免过度使用内联函数 3. 利用 PureComponent 4. 优化功能组件中的 useSelector 5. 在类组件中实现 shouldComponentUpdate 1. 使用&n...
df47b5c5ef3919de的头像-牛翰网liangshanbo121511个月前
03915
Vue3子组件watch无法监听父组件传递的属性值的解决方法-牛翰网

Vue3子组件watch无法监听父组件传递的属性值的解决方法

目录 1 问题描述 2 引发原因 3 解决方法 1 问题描述 假设子组件 ChildComponent 中有个属性a,默认值为 0,并且通过侦听器 watch 监听其数值变化。在父组件 ParentComponent 中调用子组件并将属...
9de39691dd5ab77c的头像-牛翰网Vesuvius68811个月前
0459
在Vue3中实现四种全局状态数据的统一管理的方法-牛翰网

在Vue3中实现四种全局状态数据的统一管理的方法

目录 四种全局状态数据 特性1. 支持异步数据和同步数据 特性2. 自动缓存 特性3. 自动更新 特性4. 减少重复请求 特性5. 内存优化 特性6. 持久化 特性7. SSR支持 特性8. 自动命名空间隔离 如何创...
ba757ed2f5a9cad9的头像-牛翰网濮水大叔11个月前
04810
Vue如何通过Vue.prototype定义原型属性实现全局变量-牛翰网

Vue如何通过Vue.prototype定义原型属性实现全局变量

目录 Vue通过Vue.prototype定义原型属性实现全局变量 这种情况下 如果我们运行下述代码 假如我们在main.js中通过如下方式定义原型属性 控制台日志中会先出现 “My App” 总结 Vue通过Vue.protot...
74ad754cc83eb7ae的头像-牛翰网王小二(海阔天空)11个月前
0455
Vue.use()和Vue.prototype使用详解-牛翰网

Vue.use()和Vue.prototype使用详解

目录 Vue.use()作用 Vue的使用场景 1.ElementUI、VueRouter等官方插件的使用 2.自定义插件,并提供install方法 Vue.prototype作用 Vue.use()和Vue.prototype的区别 总结 Vue.use()作用 官方文档...
8302b691636d90fc的头像-牛翰网_多拉不懂A梦11个月前
0388
JavaScript中的 Date(日期)对象及使用示例-牛翰网

JavaScript中的 Date(日期)对象及使用示例

目录 一、Date对象 1、创建日期 2、获取日期 3、设置日期  4、转换日期 5、获取时间戳 二、格式化Date对象 一、Date对象 JavaScript中内置了一个Date对象,它非常强大,提供了很多属性和方...
07325b587433174a的头像-牛翰网白菜不太菜11个月前
0548
vue3中如何使用live2D-牛翰网

vue3中如何使用live2D

目录 概述 Live2D 介绍 Live2D 是什么 Live2D 主要特点 Live2D 效果 vue3 中使用 Live2D 封装 Live 组件 Demo地址 概述 本文将介绍如何在vue3项目中使用Live2D。 Live2D 介绍 Live2D 是什么 Liv...
1f95c39de59a6758的头像-牛翰网Jinuss11个月前
0469
vue中的keep-alive用法指南-牛翰网

vue中的keep-alive用法指南

目录 什么是keep-alive? keep-alive重要的配置选项 生命周期钩子 适用场景 keep-alive的核心原理 keep-alive的源码解析  1.缓存机制 2.组件的缓存和激活 3.LRU缓存策略 4.生命周期的管理 ...
09d61ee2c2180817的头像-牛翰网张小瑜11个月前
03413
vue.config.js中配置configureWebpack和chainWebpack以及一些常用的配置-牛翰网

vue.config.js中配置configureWebpack和chainWebpack以及一些常用的配置

目录 configureWebpack 介绍 用法 常见配置示例 示例 chainWebpack 介绍 用法 常用配置示例 注意事项 详细示例 总结 configureWebpack 介绍 configureWebpack 允许你在 Vue CLI 项目中直接修改 ...
使用webpack-obfuscator进行代码混淆及报错解决过程-牛翰网

使用webpack-obfuscator进行代码混淆及报错解决过程

目录 背景 webpack-obfuscator 介绍 安装 参数解析 配置示例 总结 背景 随着前端技术的发展,特别是单页应用(SPA)的普及,越来越多的应用逻辑和业务代码暴露在客户端浏览器中运行。 这使得应...
090c890653dcadcc的头像-牛翰网你不讲 wood11个月前
012712