1. 首页
  2. 编程语言
  3. Javascript
  4. vue的keep-alive中使用EventBus的方法

vue的keep-alive中使用EventBus的方法

上传者: 2021-05-15 12:42:39上传 PDF文件 75.67 KB 热度 16次

最近项目中由于列表居多且都做了下拉刷新上拉加载,所以就使用了keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在页面渲染完毕后不会被渲染成一个DOM元素。但是又会多两个生命周期,分别是activated、deactivated,activated在每次进入执行而deactivated在每次离开前执行。EventBus用于实现组件之间的数据通讯,使用起来非常之简单。只需要在main.js中加入以下代码:上面代码就创建了一个全局EventBus,其实就是一个vue实例。不过这个可以在非父子组件中传递状态,和vuex差不多。当然这种方法在简单应用中可以使用,复杂的应用应该使用 vuex ,这样方便管理和维护。这两个我感觉很配,当我们使用

用户评论