ホームページ >ウェブフロントエンド >jsチュートリアル >vue2.0 ルーティングでルータービューが表示されない場合の対処方法
今回は、vue2.0 routingrouter-view が表示されない場合の対処方法についてお届けします。vue2.0 routing router-view が表示されない場合の注意事項について説明します。見てください。
これは私が午前中ずっと作業したmain.jsです。オンラインの同僚からのリマインダーもあります:
import Vue from 'vue'; import VueRouter from 'vue-router'; import App from './App'; import goods from './components/goods/goods'; Vue.config.productionTip = false; Vue.use(VueRouter); const routes = [ {path: '/goods', component: goods} ]; const router = new VueRouter({ routes }); /* eslint-disable */ const app = new Vue({ router, render: h => h(App) }).$mount('#app'); //默认跳转到 '/goods' router.push('/goods');
ここで、 /* eslint-disable */ は eslint コードのチェックです。これを追加しないと、エラーが報告され、アプリは使用されません。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
vue ビルドがパッケージ化された後にホームページの白い画面に対処する方法
ネイティブがフェッチを使用して画像アップロード機能を実装する方法
以上がvue2.0 ルーティングでルータービューが表示されない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。