Home

Awesome

Livewire VueJS Support Plugin

If you are using VueJS AND Livewire on the same page, this plugin is required.

Additionally, it allows you to use Vue components within your Livewire components.

Livewire Version Support

Livewire VersionVue Plugin Version
1.x0.2.x
2.x0.3.x

Installation

CDN

Include the CDN asset after @livewireScripts or <livewire:scripts> in your app's HTML:

    ...
    @livewireScripts
    <script src="https://cdn.jsdelivr.net/gh/livewire/vue@v0.3.x/dist/livewire-vue.js"></script>
</body>

NPM

Install the package from NPM.

npm install livewire-vue --save-dev

Import the package in your bundle:

import 'livewire-vue'
// Or.
require('livewire-vue')

App.js

Please make sure you load vue in a way required for this plugin to work as expected.

import Vue from 'vue'
import 'livewire-vue'

window.Vue = Vue //this is important! Do not use require('vue')