几乎所有使用vue的开发者都知道,vue的双向绑定是通过Object.defineProperty()实现的,也知道在getter中收集依赖,在setter中通知更新。那么除了知道getter和setter之外,Object.defineProperty()还有哪些值得我们去注意的地方呢?是不是有很多细节的东西不懂呢?你可能会说,除了getter和setter之外,Object.definePro
转载 11月前
42阅读
目录宏定义(#define)概念无参宏定义举个例子#define 用法的几点说明带参数的宏定义带参宏定义的说明枚举类型(enum 关键字)概念过度类型创建类型定义,初始化赋值作为函数即返回值typedef存在的意义用法typedef 和 #define 的区别 宏定义(#define)概念#define 叫做宏定义命令,它也是 C 语言预处理命令的一种。所谓宏定义,就是用一个标识符来表示一个字符
深入理解scope一. 简单的例子var a = 1; function fn(a){ console.log(a) var a = 2; } fn(3) 显而易见,结果是3。 var a = 1; function fn(a){ console.log(a) a = 2; } a = 10; fn()
转载 1月前
322阅读
一、概念在 Vue3 的 <script setup> 语法糖中,defineProps、defineEmits 和 defineExpose 是三个核心 API,用于处理组件的属性接收、事件触发和内部成员暴露,是组件通信和封装的基础。二、说明defineProps :声明组件接收的 props用于在组件中声明可以从父组件接收的属性(p
原创 1月前
294阅读
虽然目前的技术栈已由Vue转到了React,但从之前使用Vue开发的多个项目实际经历来看还是非常愉悦的,Vue文档清晰规范,api设计简洁高效,对前端开发人员友好,上手快,甚至个人认为在很多场景使用Vue比React开发效率更高,之前也有断断续续研读过Vue的源码,但一直没有梳理总结,所以在此做一些技术归纳同时也加深自己对Vue的理解,那么今天要写的便是Vue中最常用到的API之一computed
 1.简单的define定义 #define MAXTIME 1000 一个简单的MAXTIME就定义好了,它代表1000,如果在程序里面写 if(i<MAXTIME){.........} 编译器在处理这个代码之前会对MAXTIME进行处理替换为1000。 这样的定义看起来类似于普通的常量定义CONST,但也有着不同,因为define的定义更像是简单的文本替换,而不是作
转载 2024-10-17 21:55:17
54阅读
【Vue】问题:'defineProps' is not defined no-undef
原创 2022-09-13 12:40:00
900阅读
Vue3 中 defineProps 的全面解析在 Vue3 的开发领域里,组件化开发是构建高效、可维护应用的核心模式,而组件之间的通信则是这一模式得以顺畅运行的关键环节。defineProps作为 Vue3 框架中专门用于接收父组件传递数据的重要函数,在整个组件通信机制中扮演着不可或缺的角色。它不仅极大地简化了组件间数据传递的流程,使其更加简洁高效,而且严格遵循了 Vue 框架一直倡导的单向数据
原创 9月前
555阅读
setup语法糖 defineProps defineEmits defineExpose
原创 2023-02-24 12:25:04
510阅读
1、setupsetup是vue3定义的代码实现舞台。需要在模板中使用的变量和方法,需要return。setup执行顺序在beforeCreat,并且在setup中this为undefinedsetUp(props, contex)接受两个参数props:值为对象,包含:组件外部传递过来,且组件内部声明接收了的属性(其实就是vue2.0的props功能)context:上下文对象(其中可以获取到1
转载 2024-07-15 22:09:10
331阅读
Vue-3 props,$emit,slot,render,JSX和createElementProps 和 $emit使用 Vue 开发项目时,我们将项目中的内容按照模块划分,但是有时候模块和模块之间会存在数据交互。在真正的项目开发中,父子、兄弟组件之间需要互相传值。最传统的传值方式就是 props 和 $emit。一、PropsProp 是你可以在组件上注册的一些自定义特性。当一个值传递给一个
转载 2月前
390阅读
一、使用说明 defineProps 供了一种更加明确和类型安全的方式来定义子组件的 props,使得子父组件之间的数据传递更加清晰和可维护。 define
原创 3月前
244阅读
1 什么是​​setup语法糖​​?怎么使用?最开始Vue3.0 暴露变量方法必须 return 出来,template中才能使用;现在只需在script标签中添加setup,组件只需引入不用注册,属性和方法也不用返回,也不用写setup函数,也不用写export default ,甚至是自定义指令也可以在我们的template中自动获得。<template> <my-comp
转载 2022-10-30 05:56:32
2095阅读
vue3组件通信父传子props
原创 精选 2023-12-07 16:25:56
697阅读
本文介绍了Vue3+TS中父子组件传参的三种方式:1)父组件通过props向子组件传递参数,包括基础类型和复杂数据类型的传递,以及props校验和默
原创 22天前
22阅读
ipt><template><div></div>与解构相比,不解构意味着直接访问props对象中的属性。在setup函数中,你可以直接通过或的方式访问 props,而不是通过解构赋值。});</script>
vue3 defineProps设置默认值
1 函数内部变量的局部性在一个函数中定义的变量(包括实参),其作用域仅限于定义它的函数中,在其它的函数不能使用,这种变量称为“局部变量”。局部变量的作用域:函数内部声明和定义的语句块(实参为整个函数),屏蔽语句块外的同名变量;局部变量的存续期:在函数内部声明开始到语句块结束位置。定义在函数之外的变量,其作用域范围为定义该变量的程序位置直到程序的结束,在其它的函数中,既可以使用该变量的值,对变量值的
和返回的对象通常是ref类型的响应式对象,因此你需要使用.value来访问和修改它们的值,尤其是在 JavaScript 代码中。在模板
一、创建vue实例对象1.每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:var vm = new Vue({ // 选项 })2.DOM元素关联每个Vue实例都需要关联一段Html模板,Vue会基于此模板进行视图渲染;可以通过el属性来指定。例如一段html模板:<div id="app"> </div>然后创建Vue实例,关联这个div:v
转载 5月前
48阅读
  • 1
  • 2
  • 3
  • 4