Frontend Vue

Vue

A progressive JavaScript/TypeScript framework widely used for developing modern web user interfaces.

Lifecycles

• created()

It is called after the instance has finished processing all state-related options before component mounting. API calls can be made here to retrieve data for rendering.

• mounted()

It is called after the component has been mounted, so we can access DOM elements and do something.

Migration from 2.x to 3.x

• Deep CSS/SASS Selector

::v-deep or >>> can be replaced with :deep() whether using SASS or not. Or use :global()

Vite

A modern front-end development tool designed to quickly initiate Web applications, especially Vue projects.

References

• https://vuejs.org/guide/essentials/lifecycle.html
• https://vuejs.org/api/options-lifecycle.html
• https://v3-migration.vuejs.org/
• https://vite.dev/guide/