vue专题
文章平均质量分 65
欣欣向荣q77
这个作者很懒,什么都没留下…
展开
-
vue3组件通信方式应用场景分析
注意:defineProps 、defineEmits 、 defineExpose 和 withDefaults 这四个宏函数只能在。Vue2 中子组件数据传递到父组件,通常是使用 $emit 触发一个自定义事件来进行传递。但 $emit 无法在。Vue3 中父组件同样是通过属性传递数据,但子组件接受数据的方式和 Vue2 不同。在vue3的中通过provide提供一个值,再由inject向后代注入。原创 2023-02-09 17:25:13 · 257 阅读 · 0 评论 -
pinia-vue3状态管理工具
Pinia ,发音为/piːnjʌ/,来源于西班牙语piña。意思为菠萝,表示与菠萝一样,由很多小块组成。在 Pinia 中,每个 Store 都是单独存在,一同进行状态管理。Pinia 是由 Vue.js 团队成员开发,最初是为了探索 Vuex 下一次迭代会是什么样子。过程中,Pinia 实现了 Vuex5 提案的大部分内容,于是就取而代之了。与 Vuex 相比,Pinia 提供了更简单的 API,更少的规范,以及风格的 API。更重要的是,与TypeScript一起使用具有可靠的类型推断支持。原创 2023-02-09 17:22:42 · 776 阅读 · 0 评论 -
Vue如何优化组件注册
这个方法需要3个参数:要搜索的文件夹目录,是否还应该搜索它的子目录,以及一个匹配文件的正则表达式。我们写了一堆基础UI组件,然后每次我们需要使用这些组件的时候,都得先import,然后声明components,很繁琐!最后我们在main.js中import components/global.js ,然后我们就可以随时随地使用这些基础组件,无需手动引入了。我们在components文件夹添加一个叫global.js的文件,在这个文件里借助webpack动态将需要的基础组件统统打包进来。...原创 2022-08-09 20:47:55 · 155 阅读 · 0 评论 -
父子组件通信时候触发的生命周期有哪些
初始化数据初始化渲染dom。原创 2022-08-09 20:45:14 · 79 阅读 · 0 评论 -
vue中的生命周期
生命周期 什么是生命周期? 生命周期字面意思,是一个生命从出生到死亡的一个周期,而在vue中生命周期表示的是一个VUE实例或组件从创建到销毁的一个过程,这个过程主要分为三个阶段,及初始化-更新-销毁 生命周期有哪些函数? 初始化 初始化响应式数据 beforeCreate created 初始化dom,响应式数据与dom结合过程 beforeMount mounted 更新阶段:beforeUpdate updated 销毁阶段 beforeDestory destoryed 生命周期的四原创 2022-05-07 00:25:37 · 364 阅读 · 5 评论