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 | Vue Plugin Version |
|---|---|
| 1.x | 0.2.x |
| 2.x | 0.3.x |
Include the CDN asset after @livewireScripts or <livewire:scripts> in your app's HTML:
...
@livewireScripts
<script src="https://cdn.jsdelivr.net/gh/livewire/[email protected]/dist/livewire-vue.js"></script>
</body>Install the package from NPM.
npm install livewire-vue --save-dev
Import the package in your bundle:
import 'livewire-vue'
// Or.
require('livewire-vue')
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')