vue2.0でのルーティングのrouter-view方法について（詳細チュートリアル）

ここで、vue2.0 ルーティングでルータービューが表示されない問題の解決策を共有します。これは良い参考値であり、皆さんのお役に立てれば幸いです。

今日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 コード チェックです。 、アプリが使用されていないというエラーが報告されます。

上記は私があなたのためにまとめたものです。

関連記事:

JQueryでselectコンポーネントの選択値メソッドを選択

$setとvue.js_vue.jsの配列更新メソッド

vueをvue-i18nと組み合わせて複数のバックグラウンドデータを実現言語切り替え方法

以上がvue2.0でのルーティングのrouter-view方法について（詳細チュートリアル）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。