时间戳

首页 > 解决方案 > 数据未在 Vue Js 中呈现

laravel - 数据未在 Vue Js 中呈现

问题描述

我试图将数据呈现到主页，但尽管没有错误，但没有显示任何内容。这是我的代码

应用程序.js

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');

主页.vue

<p>{{ message }}</p>

标签： laravelvue.js

解决方案

为了呈现您提供的 HTML 内容，您必须告诉 vue 的起点。这样做是这样的

你的代码

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');

刀片文件内部

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

推荐阅读