Vue 3 How to re-render a component from another branch?

Question

Vue.js

There is a simplified structure like this:

Dashboard: {
  TheModal: {
    TaskFormAdd
  },
  TheContent: {
    BoardInbox: {
      TaskList: {
        TaskListItem
      }
    },
    BoardToday: {
      TaskList: {
        TaskListItem
      }
    }
  }
}

How to re-render TaskList from TaskFormAdd?
Or how to re-render the desired component anywhere?

TaskFormAdd, BoardInbox, BoardToday components are added dynamically.

Answer 1

If for some reason you feel like manually "re-rendering" a component, you're probably doing something wrong. Vue itself manages the display of data depending on this very data. Therefore, in your case, TaskFormAdd should change the data, and TaskList should react to these changes and change the display.