第九章:Vue3全家桶
文章平均质量分 56
Vue3全家桶 专栏暂停更新。订阅此专栏关注后续更新动态。待续~
孤安先生
北漂打工人。
曾获竞赛奖项:第十四届上海市大学生计算机应用能力大赛“三等奖”;
愿与“你”顶端相见!
展开
-
Vue3:创建脚手架
Vue3 运行性能是 Vue2 的 1.5 倍。Vue3 支持 tree-shaking,可以进行按需编译,编译后的文件体积比 Vue2 更小。Vue3 提供更先进的功能,teleport、suspense 等。Vue3 对 TypeScript 的支持更友好,对大型前端应用的支持更好。Vue3 组合式 API 使应用中的功能代码更聚合,使组件间公共逻辑的抽取更容易。Vue3 在 2022年2页左右。使用 Proxy 代替 defineProperty 实现响应式。原创 2022-11-18 08:16:47 · 492 阅读 · 1 评论 -
Vue3:计算属性、监听器
计算属性是指computed 接收回调函数作为参数,基于回调函数中使用的响应式数据进行计算属性的创建,回调函数的返回值就是基于现有状态演变出的新状态。原创 2023-06-15 21:13:50 · 3487 阅读 · 0 评论 -
Vue3:组件通信、组件生命周期
props 只读,子组件改不了父组件传递过来的值,需要传递给父组件,由父组件进行更改。setup 在组件初次挂载前、重新挂载前都会执行。实现祖孙组件之间的通信。提供数据,孙组件通过。原创 2023-06-16 08:00:00 · 115 阅读 · 0 评论 -
Vue3:获取DOM对象、内置组件、过渡动画
通过 ref 获取元素。原创 2023-06-16 12:00:00 · 1087 阅读 · 0 评论 -
Vue3:双向数据绑定、setup 语法糖
父组件修改值,子组件同步。子组件修改,父组件更新。子组件改父组件数据时,使用进行修改。子组件改父组件数据时,使用进行修改。原创 2023-06-17 08:00:00 · 3262 阅读 · 0 评论 -
Vue3:代理对象(Proxy)、渲染函数(render)
在vue3 的组合式API 中,渲染函数就是一个函数,名字不固定。render 函数返回什么,页面中就显示什么。在选项式API中,渲染函数名是固定的。原创 2023-06-17 12:00:00 · 591 阅读 · 0 评论 -
Vue3:Vite 构建 Vue 项目
使用vite脚手架构建vue项目。原创 2023-06-25 15:00:00 · 248 阅读 · 0 评论 -
Vue3:状态管理 Vuex 4.x
在组件中开发者可以通过dispatch调用 Action 类型的方法执行异步操作,当异步操作执行完成后,在 Action 方法中可以通过 commit 调用 mutation 类型的方法修改状态,当状态被修改以后,视图更新。原创 2023-06-26 12:00:00 · 149 阅读 · 0 评论 -
Vue3:Vuex4.x 在 Vue3 中的使用
为了与 Vue 3 初始化过程保持一致,Vuex 的安装方式已经改变了。用户现在应该使用新引入的方法来创建 store 实例。要将 Vuex 安装到 Vue 实例中,需要用store替代之前的 Vuex 传递给use方法。原创 2023-06-26 14:00:00 · 398 阅读 · 0 评论 -
Vue3:状态管理 Pinia
Vue3 专属状态管理工具。原创 2023-06-27 12:00:00 · 163 阅读 · 0 评论