ホームページ >ウェブフロントエンド >jsチュートリアル >vue2.0 ルーティングでルータービューが表示されない場合の対処方法

vue2.0 ルーティングでルータービューが表示されない場合の対処方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-11 16:40:163484ブラウズ

今回は、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。