[Vuejs]-Data not rendered in Vue Js

by

0👍

✅

You have to access the parent data since your Home component is a child component.

Home vue

<div id="app">
<p>{{ this.$parent.message }}</p>
</div>

0👍

In order to render the HTML-Content you provide, you have to tell the starting point for vue. This is done like this

Your code

import Home from './components/Home';
const routes = [{ name: 'home',path: '/home',component: Home},];
const router = new VueRouter({ mode: 'history', routes: routes});
const app = new Vue(Vue.util.extend({ router },{data: {message:'Hello Vue!'}}, Home)).$mount('#app');

inside blade file

<div id="app">
<p>{{ message }}</p>
</div>

Leave a comment