- 2024-07-02Vue3 从零到全掌握：最详尽的入门指南（近万字超全内容）
一、Vue脚手架Vue3官方文档地址：https://v3.cn.vuejs.org/以前的官方脚手架@vue-cli也可以用，但这里推荐一个更轻快的脚手架Vite脚手架网址：Vite中文网方式一：vue-cli脚手架初始化Vue3项目官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create//
- 2024-07-01Reactive Streams介绍及应用分析
ReactiveStreams的介绍与应用分析如下：一、ReactiveStreams基本知识ReactiveStreams是一种基于异步流处理的标准化规范，旨在使流处理更加可靠、高效和响应式。其核心思想是让发布者（Publisher）和订阅者（Subscriber）之间进行异步流处理，以实现非阻塞的响应式应用程序。基本特性
- 2024-06-18Vue 3中的ref：深入理解响应式引用
- 2024-06-18Vue 3中的reactive：响应式对象和数组
- 2024-06-12Vue3——ref和reactive的比较
定义数据ref用来定义基础类型数据和对象类型数据reactive只能定义对象类型数据使用方式ref定义的响应式变量必须使用.valuereactive定义的响应式变量不能使用.value,直接使用响应式对象，但是重新分配一个新对象，会失去响应式，解决方式使用Object.assign(oldObject,newObjec
- 2024-06-046.3软工日报
今日学习Antdesign<template><a-form:model="formState"name="basic":label-col="{span:8}":wrapper-col="{span:16}"autocomplete="off"@finish="onFinish"
- 2024-06-01ref和reaction的区别（以及TS中ref，computed函数会自动推断定义其泛型（一般不用自己动手））
其次就是了解ref，reactive的区别。ref通过对象名.value来访问对象里的值，若对象里还有属性则访问其需要：对象名.value.属性名reactive则通过：对象名.属性名，来直接访问属性值其次，两者都是响应式对象。但如果对直接对reactive对象进行赋值，那么其会丢失响应性。代码示例如下：<scri
- 2024-05-30Vue 快速入门
常用标签讲解1.模块化开发导入 createApp,reactive <divid="app">{{msg}}<h2>{{web.title}}</h2><h3>{{web.url}}</h3></div><scripttype="module">import{createApp,reactive}fro
- 2024-05-29vue3响应式基础
声明响应式状态ref()在组合式API中，推荐使用ref()函数来声明响应式状态：import{ref}from"vue";constmsg=ref("helloworld");ref()接收参数，并将其包裹在一个带有.value属性的ref对象中返回：<template><div>{{msg}}</div></template><scri
- 2024-05-29VUE学习笔记(九)
登录数据数据验证，学习elementplus组件种页面数据验证UserLogin.vue页面<template><divclass="login"><divclass="body"><divclass="container"><h2>用户登陆</h2>
- 2024-05-27VUE学习笔记（四）
通过子组件实例实现对话框的打开AddCategory.vue页面里调整dialogvue里按钮事件<divclass="dialog-footer"><el-button@click="state.dialogVisible=false">Cancel</el-button><el-buttontype="primary"
- 2024-05-222024.05.10
所花时间（包括上课）： 1 h左右代码量（行）： 200 左右搏客量（篇）：1了解到的知识点： ref和reactive备注（其他）： ref和reactivereactive在修改响应式对象的时候，要用Object.assign(car,{brand:'xiaomi',price:20})需要一个基本类型的响应式数据，必须使
- 2024-05-20ref和reactive
所花时间（包括上课）： 1 h左右代码量（行）： 200 左右搏客量（篇）：1了解到的知识点： ref和reactive备注（其他）： ref和reactivereactive在修改响应式对象的时候，要用Object.assign(car,{brand:'xiaomi',price:20})需要一个基本类型的响应式数据，必须使
- 2024-05-16Vue3开发新范式，不用`ref/reactive`，不用`ref.value`
什么是Cabloy-Front？Cabloy-Front是一款支持IOC容器的Vue3框架。不用ref/reactive，不用ref.value，不用pinia与UI库的配合Cabloy-Front可以搭配任何UI库使用，并且内置了几款UI库的项目模版，便于开箱即用，包括：antdvelement-plusquasarvuetify特性Cabloy-Front为Vue
- 2024-05-15Java响应式编程
提纲1、响应式编程ReactiveProgramming2、ReactiveStreams3、Reactor和RxJava1、响应式编程ReactiveProgramming为了解决异步编程中出现的各种问题，程序员们提出了各种的方法和手段去解决这些问题，这些方法和手段就被称为ReactiveProgramming。ReactiveProgramming是一
- 2024-05-10探究：响应式编程（Reactive Programming）
在当今软件开发领域，响应式编程（ReactiveProgramming）成为了一个备受关注的话题。它提供了一种新的编程范式，与传统的命令式编程有着显著的不同。本文将详细讲解什么是响应式编程，以及它与传统的命令式编程的不同之处。1.什么是响应式编程？响应式编程是一种编程范式，它基于数据流和变
- 2024-05-0608-初始vue3
写在前面https://juejin.cn/post/7106374777601785893https://juejin.cn/post/7253828299938906169配置项写法<body><divid="app"></div></body><script>constapp=Vue.createApp({//...})app.mo
- 2024-05-06vue ref
ref1vue2ref属性也可以实现组件间通信：子和父都可以实现通信ref放在标签上，拿到的是原生的DOM节点ref放在组件上，拿到的是组件对象，对象中的数据、函数都可以直接使用通过这种方式实现子传父（this.$refs.mychild.text）通过这种方式实现父传子（调用子组件方法传参数）
- 2024-04-28reactivity api
reactivityapi:https://v3.vuejs.org/api/reactivity-api获取响应式数据API传入返回备注reactiveplain-object对象代理深度代理对象中的所有成员readonlyplain-objectorproxy对象代理只能读取代理对象中的成员，不可修改refany{value:...}对va
- 2024-04-1202 Vue3核心语法
选项式APIOptionsAPI和组合式APICompositionAPIVue2的API设计是Options（配置）风格的，就是选项式APIVue3的API设计是Composition（组合）风格的，就是组合式API选项式API的弊端Options类型的API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需
- 2024-04-06vue3的ref和reactive函数
在vue3中需要引入ref和reactive函数对变量进行声明 首先引入ref，reactive函数，vue3不同于vue2的是，变量的声明需要写在setup函数中，(vue2是直接写在data函数中)其中ref主要是对一些基础数据变量声明，如string，number，boolean，而reactive则是对复杂的，入对象进行声明最后，定义
- 2024-04-04Java登陆第三十七天——VUE3响应式基础、条件渲染、列表渲染
响应式数据什么是响应式数据？ 当数据发生改变时，DOM树的内容，会和数据同步更新。 vue3不是自动响应式数据，需要经过函数处理得到响应式数据对象。ref和reactive这两个函数都会返回响应式数据对象，但也有不同。refref通常用于将一个基本类型转为响应式数据对象。基本类型包括：数
- 2024-04-013.28毕设
vue3响应式数据，有两种实现方式即ref()和reactive()ref=======>可以基本数据类型，也可以定义对象类型的响应式数据,reactive======>只可以定义对象数据类型的响应式数据 ref()包裹的数据使用时，应加上.value，这里推荐一个插件，ref()定义的可以数据自动补齐.value，防止忘记， 下
- 2024-04-01Vue3创建空对象方法及推荐
当使用{}时，我们实际上是在告诉TypeScript将空对象断言为任意类型（any），从而绕过了类型检查。这种做法会失去类型安全性，但在某些特定情况下可能是一种解决方案。以下是示例代码和说明：//使用<any>{}将空对象断言为any类型letobj=<any>{};//对空对象进行操作obj.f
- 2024-04-01【Vue3】toRaw和markRow
toRaw作用用于获取一个响应式对象的原始对象，toRaw返回的对象不再是响应式的，不会触发视图更新。toRaw()可以返回由reactive()、readonly()、shallowReactive()或者shallowReadonly()创建的代理对应的原始对象。注意：这是一个可以用于临时读取而不引起代理访问/跟踪开