当前位置: 首页 > backend >正文

vue3的新特性

 vue2   data属性和方法名散落于各个位置,量大了不好找

 顺序变了,script在最前面 

 setup

 vue3中不用this,setup的执行时期比beforeCreate还要早,所以不要用this

setup中写代码的特点

 必须要有return,才能在上面使用

 什么是响应式数据?

 reactive

 ref

ref是个对象,无论你传递什么值都会在外面包一层,要想访问真正的数据必须使用value

 脚本区域加上.value

 computed

 

 watch

 监听单个数据

 

 监听多个数据

 

immediate 

 deep

 

精确监听对象中的某个属性

 这个箭头函数是固定写法,监听谁value后就.谁

 

生命周期函数

 组合式API下的父传子

 子组件

 父组件中使用子组件

 父组件传递值给子

 

子传父

 

 模版引用

 

 

 defineExpose()

 

http://www.xdnf.cn/news/4588.html

相关文章:

  • Spring cloud loadBalancer 负载均衡
  • Qwen2-VL详解
  • Unity3D 游戏内存优化策略
  • Anchor-based 和 Anchor-free
  • 修改图像分辨率
  • SLAM:单应矩阵,本质矩阵,基本矩阵详解和对应的c++实现
  • AtCoder 第404场初级竞赛 A~E题解
  • 【无标题】云计算运维
  • 代码随想录算法训练营第60期第二十九天打卡
  • 前端代码规范详细配置
  • CSS手动布局
  • 60页PDF | 四川电信数据湖 + 数据中台实施方案:覆盖数据能力、数据资产及数据治理的全流程建设指南
  • 从xjtu-sy数据集中看轴承故障的发展趋势与基本特征
  • 南京大学OpenHarmony技术俱乐部正式揭牌 仓颉编程语言引领生态创新
  • 5. HTML 转义字符:在网页中正确显示特殊符号
  • Linux系列:如何用perf跟踪.NET程序的mmap泄露
  • 水印落幕 7.0 | 专门用于去除图片和视频中水印的工具,支持自定义水印添加
  • 【测试开发】BUG篇 - 从理解BUG到如何处理
  • 递归element-ui el-menu 实现无限级子菜单
  • Spring 项目无法连接 MySQL:Nacos 配置误区排查与解决
  • AI——认知建模工具:ACT-R
  • #黑马点评#(二)商户查询缓存
  • 新疆地区主要灾害链总结
  • 网络编程(一)
  • seamless_communication,facebook推出的开源语音翻译项目
  • 代码随想录算法训练营 Day39 动态规划Ⅶ 打家劫舍
  • 数据可视化:php+echarts实现数据可视化(包含echart安装引入)
  • 数据压缩实现案例
  • 以pytest_addoption 为例,讲解pytest框架中钩子函数的应用
  • RAG技术体系问题的系统性总结