javascript — события vuejs не запускаются при использовании с лезвием laravel

Я новичок в vuejs. Я пытался заставить работать событие onchange в vuejs на лезвии laravel, но не могу заставить его работать, но за пределами laravel он работает нормально.
вот мой код

index.blade.php

<div id='root'>
<division divisions="{{$districts}}"></division>
</div

в index.js

Vue.component('division',{
template:`
<p class="control">
<span class="select">
<select name="district_id" class="district" @change='callme'>
<option></option>
<option v-for="division in mydata">{{division.name}}</option>
</select>
</span>
</p>
`,
props:['divisions'],
created(){

this.mydata=JSON.parse(this.divisions);

},
methods:{
callme(){

console.log('called');
}
}});new Vue({

el:'#root'

});