一些基础内容,可作为文档参考。不行了,实在写不下去了,到后来每输入一个字符我都要等将近 20 秒。。。。。卡的要死。。。。。。TOC:effect() 和 reactive()shallowReactive()readonly()shallowReadonly()isReactive()isReadonly()isProxy()markRaw()哪些数据是可以被代理的markRaw() 函数用于让
转载 2021-01-22 18:55:01
323阅读
2评论
本文将带大家从头开始学习如何实现简单版 Vue 3 响应式,帮助大家了解其核心,后面阅读 Vue 3 响应式相关的源码能够更加得心应手。一、Vue 3 响应式使用​1. Vue 3 中的使用当我们在学习 Vue 3 的时候,可以通过一个简单示例,看看什么是 Vue 3 中的响应式:<!-- HTML 内容 --><div id="app"> <div>Pr
转载 2022-10-17 20:10:36
80阅读
正如你所期望的那样,Vue 3带来了很多令人兴奋的新功能。值得庆幸的是,Vue团队主要是在当前API的基础上引入了一些补充和改进,而不是进行重大更改,所以已经了解Vue 2的人应该很快就会对新的语法感到适应。让我们从你们大多数人可能听说过的API开始吧......Composition APIComposition APIVue的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代
转载 2024-01-25 20:56:41
52阅读
Vue3 Composition APIVue.js 的新版本中引入的一种新特性,它允许开发者更灵活地组织和重用代码。Composition
原创 2024-01-21 00:26:54
161阅读
# 如何实现“vue3 axios api” --- ## 整体流程 | 步骤 | 描述 | | --- | --- | | 1 | 安装axios库 | | 2 | 创建一个Vue.js项目 | | 3 | 创建一个api.js文件 | | 4 | 在组件中使用axios发送请求 | --- ## 具体步骤 ### 步骤一:安装axios库 在终端中运行以下命令安装axios库:
原创 2024-04-08 03:58:56
42阅读
# 从零开始学习Vue3 Composition API ## 概述 在Vue3中,Composition API是一个新的API,它使得代码复用更加容易。与Vue2的Options API相比,Composition API更加灵活和可维护。在本文中,我们将介绍如何在Vue3中使用Composition API来构建一个简单的应用程序。 ## 步骤 | 步骤 | 描述 | | ---- |
原创 2024-04-28 10:39:28
92阅读
什么是组合式 API? https://www.vue3js.cn/docs/zh/guide/composition-api-introduction.html 通过创建 Vue 组件,我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走 ...
转载 2021-09-03 16:19:00
553阅读
2评论
Vue3组合API-----setup() 1.Vue3最重要的新特性之一:作用:之前vue对象规定了我们必须把某一类数据放到某一个结构中,这样在一定程度上对我们的代码进行了强制的分割。而在vue3 中我们引入了setup()合成API语法,他可以将某数据关联的内容都整合到一个部分,即使setup()中的内容越来越多,也会围绕着大而不乱的形式开发项目。 2.setup组合api
转载 2023-10-31 12:21:19
182阅读
setup 函数是组合api的入口函数1. 使用 ref 只能定义简单类型的变化,不能监听复杂类型的变化(对象/数组)2. 在组合 API 中,如果想定义方法,不用定义到 methods 中,直接定义即可3. 在组合 API 中定义的变量/方法,要想在外面使用,必须通过 return 暴露出去<script> import {ref} from 'vue' e
转载 2024-06-10 10:13:50
55阅读
到目前为止 Vue 为我们提供了两种开发组件的 API 风格,选项式 API 和组合式 API。组合式 API 可以由我们导入不同的 API 函数来描述组件的逻辑,在 SFC 组件中通常还
原创 2022-06-06 00:56:21
255阅读
Vue3 defineEmits 全面解析在 Vue3 的开发体系中,组件间的通信是构建复杂应用程序的基石之一。它如同桥梁一般,连接着各个独立的组件,使得它们能够协同工作,共同实现丰富的用户交互功能。而defineEmits作为 Vue3 引入的一个重要特性,为我们在组件通信领域提供了一种便捷且高效的手段。接下来,让我们深入探究defineEmits的方方面面。一、基础概念在 Vue 组件的世界里
原创 8月前
284阅读
Vue3 中 defineProps 的全面解析在 Vue3 的开发领域里,组件化开发是构建高效、可维护应用的核心模式,而组件之间的通信则是这一模式得以顺畅运行的关键环节。defineProps作为 Vue3 框架中专门用于接收父组件传递数据的重要函数,在整个组件通信机制中扮演着不可或缺的角色。它不仅极大地简化了组件间数据传递的流程,使其更加简洁高效,而且严格遵循了 Vue 框架一直倡导的单向数据
原创 8月前
555阅读
vue3常用 Composition API
原创 2022-09-27 13:50:11
102阅读
文章目录shallowReactive 和 shallowRefreadonly 与 shallowReadonlytoRaw 和 markRawCustomRefprovid但变化时只是外层属性变化=>shallowRea
原创 2022-06-06 12:29:39
118阅读
前言 目标 掌握以下api的用法 graph LR A[api] --> B[1 shallowRef与shallowReactive的用法与区别] A --> C[2 readonly与shallowReadonly的用法与区别] A --> D[3 toRaw与markRaw用法与区别] A --> E[4 customRef的用法] A --> F[5 p
vue
原创 精选 2024-08-14 14:58:41
167阅读
深入理解 Vue3 中的 nextTick在 Vue.js 的世界里,nextTick 是一个非常重要且实用的工具。尤其在 Vue3 中,它依然发挥着关键作用,帮助开发者解决许多与 DOM 更新相关的问题。接下来,让我们深入了解一下 Vue3 中的 nextTick。一、nextTick 是什么Vue 是一个基于数据驱动的视图框架,当数据发生变化时,Vue 并不会立即更新 DOM,而是将这些变化收
原创 8月前
215阅读
Vue3 中 watchEffect 的全面解析在 Vue3 的响应式系统中,watchEffect是一个非常强大且实用的工具。它可以自动追踪响应式数据的变化,并在数据变化时执行相应的副作用函数。对于刚接触 Vue3 的开发者来说,深入理解watchEffect的使用方法和原理,有助于更好地构建高效、灵活的应用程序。一、基本概念watchEffect是 Vue3 提供的一个用于响应式副作用的函数。
原创 8月前
113阅读
正文Vue2直接把整个Vue都导入,例如Vue2的 main.js 文件中的代码:import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App) }).$mount('#app')而vue3是按需导入apiimport {
watchEffect​​watchEffect()​​方法接收一个函数对象作为参数,就会立即执行这个函数,同时也会响应式地跟踪这个依赖是否发生改变,如果发生改变会重新运行。这个方法和​​watch​​很相似。不同的是这个方法不需要分离去监听数据源。vue3中听提供的watch方法和vue2中提供的watch方法是一样的。如果我们处理一个比较大的响应式对象的属性时,我们可以使用es6中的结构语法获
原创 精选 2022-05-21 20:13:11
409阅读
深入理解 Vue3 中的 Watch在 Vue3 的响应式系统中,watch是一个非常重要的功能。它允许我们监听数据的变化,并在数据发生变化时执行相应的操作。无论是简单的数据追踪,还是复杂的业务逻辑处理,watch都能发挥出巨大的作用。接下来,让我们一起深入了解 Vue3 中的watch。一、基本概念watch 本质上是一个侦听器。在 Vue 实例中,我们可以使用 watch 来观察特定数据(比如
原创 8月前
98阅读
  • 1
  • 2
  • 3
  • 4
  • 5