Snippet from app.js
const app = new Vue({
el: '#app',
router,
data:{
banana:''
}
});
Code found in master.blade.php
<div class="wrapper" id="app">
<router-view></router-view> //using Vue router to display Banana.vue
</div>
Content inside Banana.vue file
<input type="search" name="table_search" class="form-control float-right" placeholder="Search" v-model="banana">
Error Message Received:
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.
In what way can we make the 'banana' property in app.js accessible to Banana.vue? Thank you.