Vue

vike-vue

We recommend using vike-vue which integrates Vue in a full-fledged manner.

You can use Bati to scaffold a Vike app that uses vike-vue.

You can also integrate Vue yourself if you want full control over the Vue integration.

Custom integration

Instead of using vike-vue, you can implement your own Vue integration, for full control over the integration of Vue and Vue libraries.

🧠

Custom integrations can be complex and we generally recommend using vike-vue instead, see Vike extension VS custom integration.

⚠️ We recommend using this advanced capability, which can be complex, only if you have a clear reason for avoiding potentially simpler options.

Official examples:

• /boilerplates/boilerplate-vue-ts - Classic integration, using Client Routing.
• /examples/vue-minimal - Minimalistic integration, using Server Routing.
• vike-vue source code - Full-featured integration.

For more official examples, see GitHub > vikejs/vike > examples/.

Community examples:

• 2023.12 GitHub > luisfloat/vike-island-example - Islands Architecture implementation, mixing React and Vue.
• 2022.08 GitHub > AaronBeaudoin/vite-plugin-ssr-example - Vue integration supporting all render modes (SSR, SPA, and HTML-only).

For more community examples, see integration guides such as Vue Query.

See also

• vike-vue
• Optional Control
• React
• Solid