vue3+vite+TypeScript
关注
分享
扫一扫
文章平均质量分 57
vue3+vite+TypeScript学习
星星点点..
这个作者很懒，什么都没留下…
展开
-
vue3+vite+ts--KeepAlive缓存组件
初次进入时：created(setup)> onMounted> onActivated退出后触发 deactivated再次进入：只会触发 onActivated不会在触发created(setup)和 onMounted。原创 2023-07-18 16:01:06 · 549 阅读 · 1 评论 -
vue3+vite+ts--provide 和 inject 用法
1. provide / inject 类似于消息的订阅和发布，遵循 vue 当中的单项数据流，什么意思呢？就是数据在哪，修改只能在哪，不能在数据传递处修改数据，容易造成状态不可预测。2. 在订阅组件内修改值的时候，可以被正常修改，如果其他组件也使用该值的时候，状态容易造成混乱，所以需要在源头上规避问题。原创 2023-07-12 11:03:49 · 854 阅读 · 1 评论 -
vue3+vite+ts--组件使用v-model实现双向绑定（vue2&vue3+ts的详细讲解）
vue 规则：props 是单向向下绑定的，子组件不能修改 props 接收过来的外部数据。- 在子组件绑定属性的时候属性后面紧跟.sync- 子组件使用props接收属性- 子组件通过$emit(update:属性名，数据)原创 2023-06-19 10:54:02 · 1887 阅读 · 0 评论 -
vue3+vite+ts--插槽slot的详细使用
Vue插槽是Vue中常见的一种组件间的相互通信方式，作用是让父组件可以向子组件指定位置插入html结构，适用于，在要接收数据的组件页面通过标签来表示，简单来说，就是通过此标签来起到占位的作用，而要插入的内容也会对应到标签所在的位置，插槽又分为匿名插槽、具名插槽、作用域插槽。原创 2023-06-06 23:37:38 · 943 阅读 · 1 评论 -
vue3+vite+ts--withDefaults+defineProps的使用(父传子)
defineProps父组件绑定的属性值接收- withDefaults是defineProps绑定默认值的api。原创 2023-05-29 15:45:12 · 1700 阅读 · 0 评论 -
vue3+vite+ts--watch和watchEffect监听使用
手动停止watchEffect的监听，需用一个变量来监听在，然后在调用就会关闭监听。watchEffect接收一个副作用函数onInvalidate与flush。- 数组的形式返回的也是数组。- 写多个watch。原创 2023-05-27 14:03:31 · 1663 阅读 · 1 评论 -
vue3+vite+ts--computed计算属性的使用
当改变整个testComputed时，才会触发set方法，如果testComputed是对象改变对象的某个属性的值时，不会触发set方法。当testComputed 依赖的值改变时，就会触发get方法。返回值val可以赋值给其他，不可以赋值给自己。原创 2023-05-23 14:58:27 · 3487 阅读 · 1 评论 -
vue3+vite+ts--ref和reactive系列的使用
toRefs 将响应式对象Proxy 转换为普通对象，每一个元素都变成原始的ref对象。- isRef 检查值是否为一个 ref 对象（isReactive同例）- toRef 为源响应式对象上的某个元素 新创建一个 ref()一、ref和reactive使用泛型的约束。- toRaw 返回原始对象。- 返回对象的响应式的对象。原创 2023-05-23 11:44:28 · 921 阅读 · 0 评论 -
vue3+vite+ts--defineEmits的使用(子传父)
2、defineEmits会返回一个方法，使用一个变量emits(变量名随意)去接收。1、在子组件中调用defineEmits并定义要发射给父组件的方法。1.子组件通过defineEmits向父组件发送数据并渲染案例。3、子组件需要发送emits（可不用携带参数）给父组件。原创 2023-05-17 10:34:10 · 2749 阅读 · 0 评论 -
vue3-使用vite构建vue3+ts项目
使用 npm# 使用 yarn# 使用 pnpm。原创 2023-05-11 16:26:26 · 698 阅读 · 1 评论 -
vue3-使用vite构建vue3+ts项目-设置路径别名@+打包后index.html白板问题
1.在vite.config.ts文件defineConfig配置2.在tsconfig.json文件的compilerOptions配置baseUrl和paths。原创 2023-05-12 14:30:39 · 1041 阅读 · 1 评论