摘要：
自动编译文件 编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。 示例： tsc xxx.ts -w 自动编译整个项目 如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。 但是能直接使用tsc命令的前提时，要先在项目根目录 阅读全文
posted @ 2023-07-13 21:19
iTao0128
阅读(59)
评论(0)
推荐(0)
摘要：
TypeScript中的基本类型： 类型声明 类型声明是TS非常重要的一个特点； 通过类型声明可以指定TS中变量（参数、形参）的类型； 指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错； 简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值； 语法 阅读全文
posted @ 2023-07-12 22:32
iTao0128
阅读(16)
评论(0)
推荐(0)
摘要：
2.x 全局 API（Vue）3.x 实例 API (app) Vue.config.xxxx app.config.xxxx Vue.config.productionTip 移除 Vue.component app.component Vue.directive app.directive Vu 阅读全文
posted @ 2023-07-12 22:22
iTao0128
阅读(13)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2023-07-12 22:21
iTao0128
阅读(13)
评论(0)
推荐(0)
摘要：
等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./components/Child.vu 阅读全文
posted @ 2023-07-11 22:49
iTao0128
阅读(23)
评论(0)
推荐(0)
摘要：
isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 reactive 或者 readonly 方法创 阅读全文
posted @ 2023-07-11 21:53
iTao0128
阅读(14)
评论(0)
推荐(0)
摘要：
作用：实现祖与后代组件间通信 套路：父组件有一个 provide 选项来提供数据，后代组件有一个 inject 选项来开始使用这些数据 具体写法： 祖组件中： setup(){ ...... let car = reactive({name:'奔驰',price:'40万'}) provide('c 阅读全文
posted @ 2023-07-11 21:48
iTao0128
阅读(13)
评论(0)
推荐(0)
摘要：
作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template> <input type="text" v-model="keyword"> <h3>{{keyword}}</h3> </template> <script> import {ref,cu 阅读全文
posted @ 2023-07-11 21:08
iTao0128
阅读(20)
评论(0)
推荐(0)
摘要：
toRaw： 作用：将一个由reactive生成的响应式对象转为普通对象。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应被设置为响应式的，例如复杂的第三方类库等。 阅读全文
posted @ 2023-07-11 21:08
iTao0128
阅读(74)
评论(0)
推荐(0)
摘要：
readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景: 不希望数据被修改时。 阅读全文
posted @ 2023-07-11 21:07
iTao0128
阅读(32)
评论(0)
推荐(0)
浙公网安备 33010602011771号