Vue3——watch监视
摘要：watch监视的作用 watch: 监视数据的变化，与Vue2中的watch作用相同。 特点：Vue3中的watch只能监视以下四种数据： ref定义的数据 reactive定义的数据 函数返回的一个值（getter函数） 一个包含上述情况的数组 语法： watch(参数1，参数2，参数3) 参数1
阅读全文
posted @
2024-06-14 23:18
么么^
阅读(39)
推荐(0) 编辑
Vue3——computed计算属性
摘要：computed计算属性的作用 computed作用:根据以有数据计算出新数据（和vue2的computed的作用一样） 特点： 只要值一改变，就重新计算，如果没变，则使用缓存中计算出来的值 与函数作对比，在模板中多次使用，计算属性的只会执行一次，有缓存。而函数会执行多次，无缓存。 俩种使用方式 c
阅读全文
posted @
2024-06-13 23:45
么么^
阅读(207)
推荐(0) 编辑
Vue3——toRef和toRefs
摘要：toRef和toRefs作用 toRef和toRefs功能相同，都是将一个响应式对象中的每个属性，转成ref对象，但是toRefs可以批量转换。 语法：> let temp = toRef(对象.属性名)和let{temp1,temp2,temp3,...} = toRefs(对象） 模版中使用 运
阅读全文
posted @
2024-06-12 22:54
么么^
阅读(42)
推荐(0) 编辑
Vue3——ref和reactive的比较
摘要：定义数据 ref 用来定义基础类型数据和对象类型数据 reactive 只能定义对象类型数据 使用方式 ref定义的响应式变量必须使用.value reactive定义的响应式变量不能使用.value,直接使用响应式对象，但是重新分配一个新对象，会失去响应式，解决方式使用Object.assign(
阅读全文
posted @
2024-06-12 14:52
么么^
阅读(14)
推荐(0) 编辑
Vue3——reactive定义响应式数据
摘要：reactive作用 reactive:定义响应式数据，但是只能定义对象类型，不能用于基本类型。 语法：let temp = reative("对象") 返回值：temp是一个Proxy的实例对象，简称响应式对象 注意点：reactive定义的响应式数据是深层次的,且reactive定义的响应式对象
阅读全文
posted @
2024-06-12 14:22
么么^
阅读(88)
推荐(0) 编辑
Vue3——ref定义响应式数据
摘要：ref作用 ref: 定义响应式变量，既可定义基础类型数据，也可以定义对象类型。 语法格式：let temp = ref(初始值) 返回值：temp是一个RefImpl的实例对象，简称ref对象，ref对象的value属性是响应式。 注意点： JS/TS中使用变量temp操作数据时，需要temp.v
阅读全文
posted @
2024-06-12 13:43
么么^
阅读(247)
推荐(0) 编辑
Vue3——setup语法糖
摘要：setup概述 setup是Vue3中新的配置项，值是一个函数，组件中所用到的数据、方法、计算属性、监视等等，均配置在setup中。 setup函数返回的对象中的内容，可直接在模版中使用。 setup中不能使用this关键字，this是undefined。 setup会在beforeCreate()
阅读全文
posted @
2024-06-11 23:24
么么^
阅读(201)
推荐(0) 编辑
Vue3——创建Vue3工程
摘要：基于Vue-Cli创建 现在官方推荐使用 create-vue 来创建基于 Vite 的新项目(⚠️ Vue CLI 现已处于维护模式!) # 查看@vue/cli版本号，确保@vue/cli版本在4.5.0以上 vue --version # 没有安装@vue/cil或者版本不在4.5.0以上执行
阅读全文
posted @
2024-06-11 11:50
么么^
阅读(80)
推荐(0) 编辑
