![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
mengyu小雨啊
这个作者很懒,什么都没留下…
展开
-
pinia--计数器案例
3. 去掉了 modules 的概念,每一个 store 都是一个独立的模块。创建组件:son-com.vue and son-com.vue。2. 提供符合,组合式风格的API (和 Vue3 新语法统一)4. 配合 TypeScript 更加友好,提供可靠的类型推断。1. 提供更加简单的API (去掉了 mutation )1. 使用 Vite 创建一个空的 Vue3 项目。Pinia基础使用 - 计数器案例。Pinia 是 Vue 的最新。安装 pinia 到项目中。router.js代码。原创 2024-05-14 18:03:07 · 190 阅读 · 2 评论 -
vue3--provide和inject
在调用provide函数时,第二个参数设置为。底层组件调用方法修改顶层组件中的数据。顶层组件可以向底层组件传递方法,顶层组件向任意的底层组件。二.跨层传递响应式数据。一.跨层传递普通数据。provide函数提供。inject函数获取。原创 2024-05-14 16:40:10 · 457 阅读 · 1 评论 -
vue3--模板引用的概念
想要打印出来,第一步创建一个ref对象,第二步跟这个组件做一个关联。打印出<TextCom>组件。dom对象或者组件实例对象。原创 2024-05-14 15:39:31 · 119 阅读 · 1 评论 -
vue3--父子通信--子传父
子组件标签通过@绑定事件。2. 子组件内部通过。原创 2024-05-14 13:43:35 · 178 阅读 · 1 评论 -
vue3--父子通信--父传子
2. 子组件内部通过。原创 2024-05-14 13:22:55 · 183 阅读 · 1 评论 -
vue3--生命周期API--组合式API
【代码】vue3--生命周期API--组合式API。原创 2024-05-13 22:04:46 · 140 阅读 · 0 评论 -
vue3--组合式API-watch
侦听单个数据 / 多个数据 /立即回调。原创 2024-05-13 21:06:08 · 228 阅读 · 0 评论 -
vue3--computed()计算属性
【代码】vue3--computed()计算属性。原创 2024-05-13 20:06:40 · 143 阅读 · 0 评论 -
vue3--reactive() and ref()
/ reactive作用:接受一个。数据的传入并返回一个响应式对象。的数据,返回一个响应式对象。// ref()接受。原创 2024-05-13 19:18:35 · 198 阅读 · 0 评论 -
vue3--组合式API - setup选项
第三个特点:提供数据或者函数,想要在我们的模板中使用,必须在setup中return -->第一个特点:setup的执行时机比beforeCreate早。第二个特点:创建时机太早,setup中获取不到this。第四个特点:多次return复杂,简洁:语法糖。原创 2024-05-13 15:33:36 · 218 阅读 · 0 评论