vue3
文章平均质量分 86
vue3实战
super_wanan
捡起好多小代码,堆成一座大前端~
展开
-
vue3组件通信方式
如果父组件是纯 Vue3 写法,子组件混合写法,可以通过 props 接收到 data 和 setup 函数里的属性,但是子组件要是在 setup 里接收,同样只能接收到父组件中 setup 函数里的属性,接收不到 data 里的属性。所以官方也不推荐混合写法。:如果父组件是混合写法,子组件纯 Vue3 写法的话,是接收不到父组件里 data 的属性,只能接收到父组件里 setup 函数里传的属性。props适用于父传子,有两种写法,混合写法和纯vue3写法(语法糖)原创 2022-10-11 18:10:57 · 2610 阅读 · 0 评论 -
vue3响应式系统API介绍
下述介绍仅针对组合式API~vue3响应式系统API介绍原创 2022-10-08 15:43:30 · 594 阅读 · 0 评论 -
vue3生命周期及setup介绍
setup 函数的第一个参数是组件的 props。和标准的组件一致,一个 setup 函数的 props 是响应式的,并且会在传入新的 props 时同步更新。props : {// 注意这里不要解构props,这样会使解构出来的变量失去响应性。如果一定要解构需要使用响应式api转发下。原创 2022-09-23 17:08:49 · 9535 阅读 · 0 评论 -
vue3初体验
组合式api(Composition API)算是vue3对开发者来说非常有价值的一个api更新,先不关注具体语法,先对它有一个基本的感知:options API开发出来的vue应用如下图所示,它的特点是理解容易,因为各个选项都有固定的书写位置,比如响应式数据就写到data选择中,操作方法就写到methods配置项中等,应用大了之后,相信大家都遇到过来回上下找代码的困境。原创 2022-09-22 15:43:17 · 292 阅读 · 0 评论 -
pinia——打败vuex的新一代vue存储库
vue3已经发布很长一段时间了,vue官网也已经默认访问vue3的文档了。因此打算系系统统仔仔细细的学习一波~ vue3系列文章将定期更新直至完结~ ~ ~使用官方提供的脚手架工具新建一个vue3项目会发现,官方已将pinia作为默认的状态存储库提供在安装选项中了。vuex的仓库中官方也有这么一段提示:大致是说:Pinia 现在是新的默认设置。Vue 的官方状态管理库已更改为Pinia。您可以简单地将 Pinia 视为具有不同名称的 Vuex 5。Pinia 也适用于 Vue 2.x。原创 2022-09-13 16:27:23 · 2551 阅读 · 1 评论