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