Vue Js 不显示
Vue Js not displaying
这是我在 Symfony 中使用 Vue 的开始。问题是我的页面上没有显示任何内容,我希望打印 Hello
。我做了我所有的配置。我创建了文件夹 vue
在 vue 中我有以下 2 个文件。
App.vue
<template>
<div id="app">
<h1>Hello</h1>
</div>
</template>
index.js
import Vue from "vue";
import App from "./App";
new Vue({
components: { App },
template: "<App/>"
}).$mount("#app");
我有 webpack.config.js
.addEntry('app', './assets/vue/index.js')
我这里有什么不对吗?
您正在将 Vue 实例挂载到 DOM 中现有的 id app
中。但是 App.vue
中的组件还包含一个 ID 为 app
的 div。尝试挂载到 Symfony 创建的页面上的任何其他内容(你不能挂载到 body 或 html)。我确定该页面不包含 ID 为 app
.
的任何内容
这是我在 Symfony 中使用 Vue 的开始。问题是我的页面上没有显示任何内容,我希望打印 Hello
。我做了我所有的配置。我创建了文件夹 vue
在 vue 中我有以下 2 个文件。
App.vue
<template>
<div id="app">
<h1>Hello</h1>
</div>
</template>
index.js
import Vue from "vue";
import App from "./App";
new Vue({
components: { App },
template: "<App/>"
}).$mount("#app");
我有 webpack.config.js
.addEntry('app', './assets/vue/index.js')
我这里有什么不对吗?
您正在将 Vue 实例挂载到 DOM 中现有的 id app
中。但是 App.vue
中的组件还包含一个 ID 为 app
的 div。尝试挂载到 Symfony 创建的页面上的任何其他内容(你不能挂载到 body 或 html)。我确定该页面不包含 ID 为 app
.