06 2023 档案

摘要://vuex:集中式管理状态容器,可以实现任意组件之间通信!!! //核心概念:state、mutations、actions、getters、modules //pinia:集中式管理状态容器,可以实现任意组件之间通信!!! //核心概念:state、actions、getters //pinia 阅读全文
posted @ 2023-06-29 09:37 林子里的风 阅读(33) 评论(0) 推荐(0)
摘要:## ref-children-parent ref方法既可以获取真实的DOM节点,还可以获取到子组件的实例VC, $parent可以在子组件中获取父组件的实例VC,使用方式是在子组件的方法中传入的参数只能是$parent如:`点击我爸爸给我10000元` 示例代码如下; ``` //父组件代码 我 阅读全文
posted @ 2023-06-28 10:48 林子里的风 阅读(12) 评论(0) 推荐(0)
摘要:## useAttrs 使用方式类似于props传值,useAttrs既可以传数据,也可以传事件。 如果父组件给子组件传递的参数,在子组件中同时使用props和useAttrs获取,那么参数只在props中生效,也就是说props的优先级高于useAttrs。 示例代码如下: ``` // temp 阅读全文
posted @ 2023-06-27 17:26 林子里的风 阅读(50) 评论(0) 推荐(0)
摘要:## 全局事件总线 全局事件总线可以实现任意组件通信,在vue2中可以根据VM与VC的关系推出全局事件总线。 点击查看全局事件总线代码示例 ``` // main.js import Vue from 'vue' import App from './App.vue' // 创建一个Vue实例作为事 阅读全文
posted @ 2023-06-27 13:46 林子里的风 阅读(26) 评论(0) 推荐(0)
摘要:## 在vue2中组件通信方式如: props:可以实现父子组件,子父组件,兄弟组件通信 自定义事件:实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模式实现任意组件通信 vuex:集中式状态管理容器,实现任意组件通信 ref:父组件获取子组件实例VC,获取子组件 阅读全文
posted @ 2023-06-27 10:17 林子里的风 阅读(26) 评论(0) 推荐(0)