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

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