Laravel + Vuejs: v-модель не подключается к приложению. js

Question

Код в приложении. js

const app = new Vue({
    el: '#app',
    router,
    data:{
        banana:''
    }
});

Код в master.blade. php

<div class="wrapper" id="app">
    <router-view></router-view> //from Vue router to display Banana.vue
</div>

Код в банане. vue

<input type="search" name="table_search" class="form-control float-right" placeholder="Search" v-model="banana">

Сообщение об ошибке:

app.js:70634 [Vue warn]: Property or method "banana" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

Как банан в приложении. js может быть доступен банану. vue? Спасибо.

Answer 1

<input type="search" name="table_search" class="form-control float-right" placeholder="Search" v-model="$root.$data.banana">