Laravel + Vue教程，不能正常工作
Laravel + Vue教程，不能正常工作
提问于 2020-04-03 22:49:57
我需要些帮助。
我正在做这个教程，https://www.udemy.com/share/102itcAkocdl9XTQ==/，它不像它应该的那样工作，不确定我做错了什么。
文件结构-组件- App.vue -视图- Start.vue - app.js - bootstrap.js - router.js
App.vue
<template>
<div>App component
<router-view></router-view>
</div>
</template>
<script>
export default {
name: "App"
}
</script>
<style scoped>
</style>Start.vue
<template>
<div>Start View</div>
</template>
<script>
export default {
name: "Start"
};
</script>
<style scoped></style>app.js
import Vue from 'vue';
import router from './router';
import App from './components/App';
require('./bootstrap');
const app = new Vue({
el: '#app',
components: {
App
},
router,
});router.js
import Vue from 'vue';
import VueRouter from 'vue-router';
import Start from './views/Start';
Vue.use(VueRouter);
export default new VueRouter({
mode: 'history',
routes: [{
path: '/',
name: 'home',
component: Start,
}]
});如果你发现我做错了什么，请帮助我。开始视图没有显示，而它显然是应该显示的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-04 21:22:59
在您的app.js中，尝试像这样创建实例
new Vue({
el: '#app',
router,
render: h => h(App)
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61014528
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号