摘要: 1,vue计算属性computed和watch的区别有哪些? 区别:1、计算属性在调用时需要在模板中渲染,修改计算所依赖元数据;watch在调用时只需修改元数据。2、计算属性默认深度依赖,watch默认浅度观测。3、计算属性适合做筛选,不可异步;watch适合做执行异步或开销较大的操作 如果一个数据 阅读全文
posted @ 2023-03-22 10:53 文采呱呱 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 通用: 字体:https://www.100font.com/ 时间: https://dayjs.fenxianglu.cn/ eslint:https://eslint.bootcss.com/ 全栈:https://cool-admin.com/(覆盖面广,涉及后端、移动端、桌面端、物联网、人 阅读全文
posted @ 2022-11-21 10:40 文采呱呱 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 众所周知,vue2有生命周期,而vue3也有 而vue2的created和beforecreated在vue3中都由setup替代了 <script setup lang="ts"> import { onBeforeMount, onMounted, onBeforeUpdate, onUpdat 阅读全文
posted @ 2024-03-13 16:51 文采呱呱 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 父组件 <script setup lang="ts"> import person from '@/components/person.vue' import { ref, reactive, defineProps } from 'vue' import { type Person } from 阅读全文
posted @ 2024-03-13 15:49 文采呱呱 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 储存标记中的内容 <template> <div class="about"> <h1 ref="Holly">你好</h1> <button @click="hhh">点击输出上述h1</button> </div> </template> <script lang="ts" setup> imp 阅读全文
posted @ 2024-03-07 22:24 文采呱呱 阅读(6) 评论(0) 推荐(0) 编辑
摘要: <template> <div class="about"> <p>情况一,监事ref的值</p> <h1>求和 {{sum}}</h1> <button @click="changeSum">++++</button> </div> </template> <script lang="ts" se 阅读全文
posted @ 2024-03-03 22:00 文采呱呱 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 计算属性有缓存的,方法没有缓存 下列的计算案例是只读的,不可修改的 上述代码为只读属性,优化后 <script setup lang="ts"> import { ref, computed } from 'vue' let name = ref("zhang") let xing = ref("s 阅读全文
posted @ 2024-02-29 17:50 文采呱呱 阅读(24) 评论(0) 推荐(0) 编辑
摘要: ref可以创建基本类型和对象类型的响应数据: reaction可以创建响应式对象数据: ref和reactive的区别:ref:定义基本类型和对象,ref创建的对象,必须使用.valuereactive:定义对象的,重新分配一个对象时,会失去响应式(如果实在想改,可以用Object.assign() 阅读全文
posted @ 2024-02-29 16:52 文采呱呱 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性 // 需求:定义一个函数,传入两个参数,第一个参数是数据,第二个参数是数量, // 函数的作用:根据数量产生对应个数的数据,存放在一个数组中 function GetaArr<T>(va 阅读全文
posted @ 2024-02-21 18:30 文采呱呱 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 函数的合并 function reverse(x: number): number; function reverse(x: string): string; function reverse(x: number | string): number | string { if (typeof x ' 阅读全文
posted @ 2024-02-21 16:06 文采呱呱 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 类 // 类:描述了创建的对象共用的属性和方法 // 实例化对象 class Person { name: string age: number constructor(name, age) { this.name = name this.age = age } sayHi(str: string) 阅读全文
posted @ 2024-02-20 18:26 文采呱呱 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 元祖 // 元祖 : 合并了不同类型的对象 let Tarr = [123, "123"]; //这里要按位置去添加,第一个是number则数组第一个也要是number类型,string也是如此 // 添加内容的时候,只要是number和string类型就可以了,不能添加除了定义好的类型以外的类型 阅读全文
posted @ 2024-02-19 16:40 文采呱呱 阅读(23) 评论(0) 推荐(0) 编辑