首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Vue3
入秋丶
创建于2024-09-29
订阅专栏
Vue3知识点汇总
暂无订阅
共11篇文章
创建于2024-09-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue3 组件通信
Vue3组件通信主要通过Props、Emits、v-model、Provide & Inject、全局状态管理(如Pinia或Vuex)、$refs以及组合式API等方式实现。
Vue3 Pinia
一句话总结:Pinia是Vue3中官方推荐的状态管理库,它替代了Vuex,具有更简洁的语法、完美支持Vue3的Composition API和对TypeScript的完整支持等优势。
Vue3路由
一句话总结:Vue 3路由通过Vue Router 4实现,提供了声明式、组件化的路由配置,用于构建单页面应用(SPA)的页面导航。
Vue3自定义hooks
Vue 3的自定义hooks允许你封装可复用的逻辑(如状态管理、副作用处理等),以函数的形式导入并在组件中使用,增强了代码的可维护性和复用性。
Vue3生命周期
Vue 3 的生命周期可以总结为组件从创建到销毁的一系列过程,每个过程都伴随着特定的钩子函数,允许开发者在这些阶段执行自定义的代码逻辑。Vue 3 的生命周期主要分为四个阶段:创建、挂载、更新和销毁,
Vue3props的使用
基本使用 defineProps的返回值 限制props的类型 defineProps后面可以加泛型,用于限制传入参数的类型
Vue3watch监视
watch只能监视四种数据 ref定义的数据 reactive定义的数据 函数返回一个值 一个包含上述内容的数组 情况一:watch监视ref定义的基本类型数据 情况二:监视ref定义的对象类型数据
setup
setup概述 setup是Vue3中一个新的配置项,值是一个函数,组件所用到的数据,方法,计算属性,监视,生命周期等等,都配置在setup中
vue3计算属性
计算属性的基本使用 计算属性有缓存 方法没有缓存 上面这样使用computed创建出来的数据是只读的
ref和reactive
vue3响应式数据 使用ref定义基本类型数据 哪个数据需要是响应式,就把哪个数据用ref包裹起来 使用ref定义对象类型数据 使用ref定义对象类型数据,底层还是用reactive创建
Vue3创建项目
基于vite创建项目 vite的优势 轻量快速热重载,能实现极速的服务启动 对TypeScript,JSX,css等支持开箱即用 vite创建项目 创建命令 npm create vue@latest