![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
A-101
小白笔记
展开
-
Vue中组件通信的流程
使用Vue的事件总线,可以创建一个Vue实例作为事件中心,一个组件可以触发事件,另一个组件可以监听这些事件来实现通信。如果两个组件没有直接的父子关系,可以使用一个共享的父组件或者使用Vue的事件总线来实现兄弟组件之间的通信。子组件通过this.$parent访问父组件的实例,然后调用父组件的方法或访问父组件的数据。通过共享的父组件,将数据传递给一个兄弟组件,然后再由兄弟组件传递给另一个兄弟组件。子组件通过$emit方法触发自定义事件,父组件可以在模板中使用@监听这些事件。原创 2024-06-23 19:34:20 · 180 阅读 · 0 评论 -
Vue中data为什么必须是个函数?
Object是引用数据类型,里面保存的是内存地址,单纯的写成对象形式,就使得所有组件实例共用了一份data,就会造成一个变了全都会变的结果。(类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据)如果data是一个函数的话,这样每复用一次组件,就会返回一份新的data。所以说vue组件的data必须是函数。原创 2024-06-22 10:29:46 · 194 阅读 · 0 评论