How to change styles of dynamically created elements in vuejs?

Question

Vue.js

<ul>
   <li v-for="post in posts">
      <button>
          Удалить
      </button>
   </li>
</ul>

.invisible {
   display: none
}

actually the essence of the question: when you click on the "Delete" button, you need to assign the invisible class to the li element, in which the pressed button is wrapped. Thanks in advance.

Answer 1

When you click on delete, you do not need to assign a class, you need to remove it from the collection. Or, if there is a subtask to display also remote ones, then change the property, and display the filtered elements. This is not jquery for you.
Well, there is a good example in the documentation