shallowRef跟shallowReactive(vue3)

最新推荐文章于 2025-03-21 11:51:22 发布
最新推荐文章于 2025-03-21 11:51:22 发布
阅读量195 收藏
点赞数
文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_57364615/article/details/131022250
版权
本文探讨了Vue.js中的ref和reactive指令在处理数据响应式上的差异。ref主要用于处理简单数据类型，同时也支持复杂数据类型的响应式转换，而reactive则专门用于处理复杂数据类型的响应式。相比之下，shallowRef仅适用于简单数据类型，不具备深层响应性，而shallowReactive则仅使复杂数据类型的顶级属性变得响应式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

说这两就得先说说ref跟reactive

ref主要是处理简单数据类型，实现响应式，也可以处理复杂数据类型

reactive只可以处理复杂数据类型

但是shallowRef只能处理简单数据类型，不能处理复杂数据类型做响应式

shallowReactive只能让复杂数据类型的第一层做到具有响应式

白小码
关注
vue-cli 3.x 项目打包配置-vue.config.js
pamerely的博客
04-14 4234
这里写自定义目录标题前言npm run build配置-package.json.env.dev文件.env.prod文件vue配置文件-vue.config.js路由改成hash模式-router.js插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图...
vue-cli搭建项目过程
2302_78078800的博客
08-25 3302
前端js框架 vue-cli的使用
vue-cli打包配置
zj2468581628的博客
03-08 1531
const CompressionPlugin = require('compression-webpack-plugin') module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根部， // 比如 https://www.my-app.com/ // 如果你的应用时部署在一个子路径下，那么你需要在这里 // 指定子路径。比如，如果你的应用部署在 // https://www.foobar.com/my-app/ // 那么
vue项目运行打包环境变量配置
最新发布
Binglianxiaojiao的博客
03-21 327
三个文件内容大致相同，不同的为VUE_APP_BASE_API的值。其余同理，即在运行命令的后面增加上--mode xxx。package.json文件。在根目录创建三个文件。
使用vue-cli搭建SPA项目
weixin_45174537的博客
08-26 290
什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 【注1】xxx 为自己创建项目的名称 【注2】必须先安装vue,vue-cli，webpack，node等一些必要的环境 安装vue-cli 在cmd执行命令： npm install -g vue-cli 安装成功后在 E:\...
2024年前端最新详解 vue-cli 的打包配置文件代码（带注释），web开发学习过程
2401_84123265的博客
05-07 1734
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】给大家分享一些关于HTML的面试题。// 如果 Node 的环境无法判断当前是 dev / product 环境// 使用 config.dev.env.NODE_ENV 作为当前的环境if (!// 一个可以强制打开浏览器并跳转到指定 url 的插件// 使用 NodeJS 自带的文件路径工具// 使用 express// 使用 webpack// 使用 proxyTable 热更新。
vue-cli的打包配置文件
weixin_43989911的博客
06-19 2132
一、vue-cli都做了什么 1、build/dev-server.js 文件 项目node的启动文件，这里面做了webpack配置和node操作， 2、build/webpack.base.conf.js webpack基本配置文件 3、build/webpack.dev.conf.js 开发环境webpack配置 4、build/webpack.prod.conf.js 正式环境的...
vue-cli 打包配置问题
Tony_lzt的博客
12-09 278
vue-cli 打包配置问题 问题 在使用vue-cli 默认配置进行打包时，编译完成后，打开index.html文件打开是空白的。打开浏览器检查错误信息发现是资源路径错误，加载不了css、js、img。 解决 配置vue.config.js(没有的话在项目根目录手动创建) const path = require('path') module.exports = { // 基本路径 整个文件夹在哪 publicPath: './', // 输出文件目录 文件夹名 .
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入css文件，例如引入ElementUI库中的css...
vue-cli3中配置alias和打包加hash值操作
10-14
Vue CLI 3 是一个强大的工具，用于快速搭建 Vue.js 项目。它提供了许多自动化构建配置，使得开发者可以更专注于编写应用程序本身，而不是繁琐的配置。本文将深入探讨如何在 Vue CLI 3 中配置 `alias` 和添加 `hash` ...
基于vue-cli搭建多模块且各模块独立打包的项目
10-16
本文详细介绍了如何利用vue-cli工具搭建一个多模块、且每个模块都可以独立打包的Vue项目。在当前的前端开发实践中，随着项目规模的扩大和业务的细分，模块化开发已经成为主流。本文的知识点覆盖了如何通过项目配置和...
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
在构建Vue项目之前，我们需要具备一些前置知识，例如熟悉Webpack 4的基础使用和Vue项目的基本骨架搭建。这里需要注意的是，虽然Vue-cli已经提供了大量的配置，但是在深入学习时，掌握基础的Webpack配置依旧是非常...
vue--------vue-cli 配置多环境打包--------技能提升
飞翔༒之翼
10-24 1239
重点：亲测有效 亲测有效 亲测有效做开发遇到问题最重要是在网上找方法能有效，我觉得这个是重点，要不然真的是浪费时间首先我们先看看 v，通过官网我们可以发现 vue-cli 提供了三个模式（）而每种NODE_ENV下面可以配置多个环境变量我们可以通过.env文件增加后缀来设置某个模式下特有的环境变量。
vue-cli4打包配置
qq_43951574的博客
11-26 1162
1.vue.config.js配置 module.exports = { publicPath: "./", // 公共路径(必须有的) outputDir: "dist", // 输出文件目录 assetsDir: "static", //静态资源文件名称 lintOnSave: false, productionSourceMap: false, //去除打包后js的map文件 devServer: { //启动项目在8080端口自动打开
vue-cli3多环境打包配置
luoyu19940615的博客
08-02 2883
背景框架vue2+工具vue-cli3（其实我本地已经到vue-cli5，不过不影响，项目目录与3保持一致，但是打包貌似有一点区别，下文会讲），项目需要在生产环境打包不同的二级目录。
vue-cli -- 打包配置
aina0674的博客
04-03 139
一、开发环境配置 —— config/dev.env.js module.exports = merge(prodEnv, { NODE_ENV: '"development"',//开发环境 API_HOST:"/api/" }) 二、生成环境配置 —— config/prod.env.js module.exports = { NODE_ENV: '"production...
vuecli项目打包
User_XuKang的博客
04-25 7193
有几个问题 1.你知道软件的开发流程吗 答：需求获取--需求分析--设计--开发--测试--打包部署--上线 2.为什么要打包 答：前端的html，css，js越来越多，打开一个页面发送http也就变得很多，让后端服务器有很大压力，前端不利于性能优化，所以就要打包。把js合并压缩，css合并压缩，图片转换成img-base64 如何打包 在vuecli脚手架中 直接执行npm run build 不就行了吗 确实可以 但是是脚手架帮我们做了一些事情。 执行完npm run build之后会
vue-cli 创建项目 webpack打包配置
liangyi_8的博客
07-02 560
继续写在module.exports = defineConfig({}） 里面。在 vue.config.js中 配置打包。
Vue 打包和部署
Flying_Fish_roe的博客
01-06 3319
打包和部署是 Vue 应用上线的关键步骤，通过 Vue CLI 可以快速完成生产环境的打包。Vue 提供了灵活的配置选项，使得项目可以适配各种部署场景。在部署时，根据项目需求选择合适的托管方式，例如 Nginx、Netlify 或 Docker。通过合理的配置和优化，可以确保应用的高性能和可靠性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值