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

亚连
リリース: 2018-06-01 09:28:12
オリジナル
2212 人が閲覧しました

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

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