2016-12-06 48 views
2

我正在嘗試設置Vue.js 2.0Laravel 5.3。我想將<router-view> </router-view>放在主要的App.vue組件中。我如何得到這個與Vue 2.0一起工作。獲取vue.js 2.0與Laravel 5.3配合使用

這不工作了:

router.start(App, 'app'); 

所以,我想這一點:

const app = new Vue({ 
    router, 
    render: h => h(App) 
}); 

但是,這不是爲我工作。我是否需要拉入一個包才能使其發揮作用?

謝謝!

+0

你沒有安裝的應用程序在HTML document.So任何元素定義根級別 - 帶有唯一ID的div,例如app,然後像這樣做:'const app = new Vue({0128} '#app')' –

+0

所以你的意思是在我的'''index.blade'''文件中? '''

''' – Jamie

+0

是的。基本上我不知道你的完整應用程序結構是什麼,但應該工作。檢查我的回購,看看我是如何做到的https://github.com/bedakb/vuewp/tree/master/public/app/themes/vuewp,請訪問app目錄以查看vue stuff - index.php是我的#app的位置 –

回答

2

你忘了給Vue代碼渲染的元素。

因此,您必須聲明具有唯一ID的根級別,例如#app並將其掛載到Vue實例。

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

你可以傳播運營商去,而不是渲染功能,漂亮的同樣的事情,也許有點清潔閱讀

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

我需要你的幫助。看看這裏:http://stackoverflow.com/questions/41030097/how-to-add-some-textfield-in-form-register-laravel-generator-infyom –

+0

@samueltoh對不起,我不是拉拉維爾的傢伙。 –