Changes in Vue life cycle for Vue2

Question

I am migrating Vue2 to Vue3. For this, I want to start the changes that Vue2 can handle. So here are the changes in Vue3 lifecycle:

So I want to apply these changes and add setup, before I move to vue3. I see that Vue2 already handle with these changes because when I see the components, I dont get any error but I still wanted to ask if I already add setup() and add onMounted inside of it instead of mounted, will it work for vue2?

As an example:

setup() {
   onMounted(() => {
     ...
})
}

will the example work for Vue2?

Raphael Rlt · Accepted Answer · 2022-10-12 08:39:52Z

1

The function like you see have not the same name, this will not throw a error because you just define a function.

But in vue2 if you rewrite your mounted by onMounted, the function is not understand and doesn't exist in the lifecycle. It will be never called.

answered Oct 12, 2022 at 8:39

Raphael Rlt

6717 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

World's famous people Over a year ago

Can I ask additional question about upgrade then? Which changes can I apply in Vue2 before I completely move to Vue3?

Raphael Rlt Over a year ago

Every project i work started with vue2 is still with it so i'm not really able to respond. But i think some change will throw a error like the way the app is mounted inside main.js. You can fund some fondamental change ir bacancytechnology.com/blog/migrate-from-vue-2-to-vue-3, the way is simple just try a migration on vue3 and see what problem you have.

Collectives™ on Stack Overflow

Changes in Vue life cycle for Vue2

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related