Javascript 让vue.js 2.0与Laravel 5.3配合使用

Javascript 让vue.js 2.0与Laravel 5.3配合使用,javascript,laravel,vue.js,laravel-5.3,Javascript,Laravel,Vue.js,Laravel 5.3,我正在尝试使用Laravel 5.3设置Vue.js 2.0。我想将放在主App.vue组件中。如何使其与Vue 2.0配合使用 这已经不起作用了: router.start(App, 'app'); 所以我试了一下: const app = new Vue({ router, render: h => h(App) }); 但这对我不起作用。我必须拉一个包裹才能让它工作吗 谢谢 您忘了提供一个元素来呈现Vue代码 因此,您必须使用唯一ID声明根级别,例如#app,并将

我正在尝试使用
Laravel 5.3
设置
Vue.js 2.0
。我想将
放在主
App.vue
组件中。如何使其与Vue 2.0配合使用

这已经不起作用了:

router.start(App, 'app');
所以我试了一下:

const app = new Vue({
    router,
    render: h => h(App)
});
但这对我不起作用。我必须拉一个包裹才能让它工作吗


谢谢

您忘了提供一个元素来呈现Vue代码

因此,您必须使用唯一ID声明根级别,例如
#app
,并将其装载到Vue实例

const app = new Vue({
    router,
    render: (h) => h(App)
}).$mount('#app')
你们可以使用spread操作符,而不是render函数,同样的东西,也许读起来更清晰一些

const app = new Vue({
    router,
    ...App 
}).$mount('#app')

您没有将app装载到HTML文档中的任何元素。因此,请为例如app定义具有唯一ID的根级别-div,然后像这样执行
const app=new Vue({router,render:(h)=>h(app)})。$mount('#app')
那么您在我的
index.blade
文件中是指这个吗
是的。基本上我不知道你的完整应用程序结构是什么,但这应该是可行的。请查看我的repo,了解我是如何做到的,请访问应用程序目录查看vue stuff-index.php是我的#appCool工作的地方,谢谢!但这是最佳实践吗?我们来看一下回购协议。我认为这种方法没有任何问题。你必须始终说Vue在何处渲染自己。我需要你的帮助。看这里:@samueltoh对不起,我不是拉威尔。