![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3系列
文章平均质量分 74
发表与Vue3相关的知识
白巧克力LIN
愿你能成为自己的英雄,不惧离别,不怕孤单!!!
公众号同名
展开
-
Vue3系列--provide与inject
在Vue3项目开发的过程中,会创建很多组件,那么避免不了组件之间的通信,在父子组件通信我们可以使用defineProps、defineEmits、defineExpose和Emit方法完成通信,在使用这些方法的前提是需要引用对应的组件。在不引用组件的前提下,顶层组件向底层组件提供数据或方法,如下图:这时我们可以使用provide和inject使顶层组件向底层组件提供数据和方法。原创 2023-06-12 11:29:00 · 834 阅读 · 0 评论 -
Vue3系列——computed、watch
计算属性computed是依赖于使用它的数据,当数据发生变化时,自定义方法重新调用执行一次计算属性,监测的是依赖值,依赖值不变的情况下其会直接读取缓存进行复用,变化的情况下才会重新计算。在示例代码中,我们定义了list数组和计算属性,计算属性返回值通过变量名为computedlist来接收,通过setTimeout定时器将list数组值改变,当3秒后,list数组增加9、10元素。注意:计算属性中不应该有其他操作,例如异步请求、修改dom;避免直接修改计算属性的值,计算属性应该是只读的;原创 2023-05-17 13:54:59 · 527 阅读 · 0 评论 -
Vue3系列——父子组件通信
在Vue3项目开发中,我们会将一个模块根据基础的功能拆分成很多个小组件,例如:弹窗、Form表单等,这样我们避免不了组件间的数据传递,这时就需要父子组件通信。原创 2023-05-16 08:43:36 · 383 阅读 · 0 评论 -
Vue3系列——Pinia状态管理库
export const Store名字 =defineStore('Store的ID名',{//其他配置......})在defineStore方法中,第一个参数为Store的ID名,是必须传入的值,它用来连接store和devtools,第二个参数可接受两类数据:Setup函数或Option对象。注意:在定义Store名字时,尽量使用use××××的命名格式。原创 2023-05-15 11:37:43 · 497 阅读 · 0 评论