子传父之emit!! 来实现实时的更新

42 阅读1分钟

子传父 emit!

我们可以通过emit 来实现子组件的数据来渲染到父组件上就不用再用调取后台数据而渲染。

数据存储在本地。

1.首先我们先在子组件定义一个事件名称

const emit = defineEmits(["updateUser"])

2.在子组件发射数据

emit('updateUser')

3.在父组件接收数据

<router-view @updateUser="updateUser" />

4.在父组件更新数据

const updateUser = ()  => {
  data.user = JSON.parse(localStorage.getItem('canteen-user') || '{}')
  }