摘要: 视频 8.生命周期 vue2.x的生命周期 vue3.0的生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子,但有有两个被更名: beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition A 阅读全文
posted @ 2023-04-19 22:50 垂序葎草 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 视频 3.watchEffect函数 watch的套路是:既要指明监视的属性,也要指明监视的回调。 watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性。 watchEffect有点像computed: 但computed注重的计算出来的值(回调函数的返回 阅读全文
posted @ 2023-04-19 22:22 垂序葎草 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 视频 #components ##Demo.vue <template> <h2>当前求和为:{{sum}}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为:{{msg}}</h2> <button @click="msg+='!' 阅读全文
posted @ 2023-04-19 21:46 垂序葎草 阅读(59) 评论(0) 推荐(0) 编辑
摘要: watch监视ref定义的数据视频 watch监视reactive定义的数据视频 2.watch函数 与Vue2.x中watch配置功能一致 两个小“坑”: 监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置失效)。 监视reactive定义的响应 阅读全文
posted @ 2023-04-19 21:11 垂序葎草 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 视频 7.计算属性与监视 1.computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{ return person.f 阅读全文
posted @ 2023-04-19 15:54 垂序葎草 阅读(29) 评论(0) 推荐(0) 编辑