ホームページ > ウェブフロントエンド > jsチュートリアル > vue2.0ルーティングでrouter-viewが表示されない問題を解決

vue2.0ルーティングでrouter-viewが表示されない問題を解決

php中世界最好的语言
リリース: 2018-03-28 17:11:22
オリジナル
4261 人が閲覧しました

今回はvue2.0のルーティングrouter-viewが表示されない問題の解決策をお届けします vue2.0のルーティングrouter-viewが表示されない問題を解決するための注意事項は次のとおりです。実際のケースを見てみましょう。

今日vue2.0のrouter-viewを学習しましたが、どのマスターがrouter-viewを書いたのかわかりませんが、設定されたパラメータはroutes =_=||

でした。これは私が午前中ずっと作業していた 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 のルーティング権限管理

ノードで JS ファイルを圧縮してマージする方法

以上がvue2.0ルーティングでrouter-viewが表示されない問題を解決の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ie
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート