2016-12-06 15 views
2

Vue.js 2.0Laravel 5.3に設定しようとしています。私は<router-view> </router-view>をメインのApp.vueコンポーネントの中に入れたいと思います。 Vue 2.0でこれを動作させるにはどうすればよいですか。vara.js 2.0をLaravel 5.3と併用する

これはもう機能していません。

router.start(App, 'app'); 

は、だから私はこの試みた:

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

をしかし、それは私のために働いていません。これを動作させるにはパッケージを取り込む必要がありますか?

ありがとうございます!

+0

を読み取るために、多分少しクリーナー機能、かなり同じことを、レンダリング、拡散演算子で行くことができます例えば、アプリケーションの一意のIDを持つルートレベル - divを定義し、次にこのようにする 'const app = new Vue({ \tルータ、 \tレンダリング:(h)=> h(App) })$ mount '#app') ' –

+0

これは私の' '' index.blade'''ファイルでこれを意味していますか? '' '

' '' – Jamie

+0

はい。基本的には、あなたの完全なアプリケーション構造は何か分かりませんが、それはうまくいくはずです。私のレポを確認して、どのようにしたのか確認してください。https://github.com/bedakb/vuewp/tree/master/public/app/themes/vuewp、アプリのディレクトリにアクセスしてvueの情報を確認してください - index.phpはどこにありますか#app –

答えて

2

Vueコードがレンダリングされる場所を指定するのを忘れてしまった。

したがって、一意のIDを持つルートレベルを宣言する必要があります(例:#app)。これをVueインスタンスにマウントする必要があります。

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

あなたの代わりにあなたがHTML document.So内の任意の要素にアプリをマウントしませんでした

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

@サムエルトー申し訳ありません私はララベルの男ではありません。 –