livewire-vue
v0.3.1
Published
If you are using VueJS AND Livewire on the same page, this plugin is required.
Downloads
3,153
Readme
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 Version | Vue Plugin Version --- | --- 1.x | 0.2.x 2.x | 0.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/[email protected]/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')