Vue. How to animate the change of content according to the updated hook?

Hello!
Just learned speck of transition, but have not found any example of animated content change within the component. Content changes in the updated hook - ajax html is redrawn, the component - static.
March 19th 20 at 09:00
1 answer
March 19th 20 at 09:02
Solution
What's updated, I honestly do not quite understand.

Wrap your content in a transition, hang up key. For example.
Despite the fact that the structure of the component is this:
var mainContent = Vue.component('main-content', {
 data() {
 return {
 store: response // Here comes ajax response
}
},


 updated() {
 // the content was another
},

 template: `
 <transition name="fade" mode="out-in">
<main
:class=""
v-html="store.parsedPage.html"
>
</main>
</transition>
`
}); // main-content
- Otis_McDermott commented on March 19th 20 at 09:05

Find more questions by tags Vue.jsAnimation