有關在vue2.0中路由不顯示router-view方法（詳細教學）

下面我就為大家分享一篇vue2.0 路由不顯示router-view的解決方法，具有很好的參考價值，希望對大家有幫助。

今天學習vue2.0 的router-view , 爆出的錯誤不計其數，不知道哪位大神寫的router-view,配置的參數竟然不是router，而是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程式碼檢查，不加這個又是會報錯app沒有使用。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

JQuery選取select元件被選取的值方法

vue.js中$set與陣列更新方法_ vue.js

vue與vue-i18n結合實作後台資料的多語言切換方法

#

以上是有關在vue2.0中路由不顯示router-view方法（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！