Vue3学习第二天记录
Vue3学习第二天记录
- 背景
- 说明
- 截图记录
- 一个简单的JS文件
- Vue3的watch()函数
- Vue3的toRef()/toRefs()函数
- 前端数据类型的分类
- 前端写一个对外暴露的函数
- 前端的...语法
- Vue3中watch()函数的总结
- Vue3中watchEffect()函数
- Vue3中watch()函数的坑
- Vue3中computed()函数
背景
最近在学习尚硅谷的Vue2的入门课程, 后面也在Vue2的基础上介绍了一下Vue3, 这里简单做一个记录.
说明
个人学习笔记, 算是自己的一个简单的交付件, 可能对别人用处不大.
截图记录
一下是学习记录中的一些截图记录. 可能是当时有有点灵感. 后续也需要多多复习一下.
一个简单的JS文件
感觉就像一个非常简单的方法, 调用方只需要 userPoint() 就可以了, 非常简单. 但是实际项目中应该不会这样吧!
Vue3的watch()函数
有很多种场景, 具体用到的时候不妨再去查阅资料, 问问GPT
Vue3的toRef()/toRefs()函数
这里不能直接用ref(), 使用ref()其实是直接返回一个 RefImpl 的对象, 与上面的数据就是隔离开来的了.
前端数据类型的分类
总感觉前端的分类是: 基本数据类型, 普通对象, 数组.
但是在Java中就只有两类: 8大基本数据类型和引用数据类型
前端写一个对外暴露的函数
这个可以简写, 直接 export default function() {…}
使用默认暴露, 像是一个匿名函数.
前端的…语法
也是前端的基本功, 感觉是在解构一个对象. 把对象里面的属性都解构出来.
Vue3中watch()函数的总结
主要就监控属性, 笔记中老师列举了尽量多的场景, 这里留一个印象, 需要使用的时候再去深究.
Vue3中watchEffect()函数
这个函数就是, 你用到哪个属性我就去监视哪个属性.
直译过来感觉是: 起作用/生效的时候去监视.
Vue3中watch()函数的坑
老师讲解的版本中, watch()函数这个场景下不能正确获取oldValue
Vue3中computed()函数
和Vue2中computed配置功能是一样的.
