首頁 > web前端 > js教程 > 有關在vue2.0中路由不顯示router-view方法(詳細教學)

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

亚连
發布: 2018-06-01 09:28:12
原創
2254 人瀏覽過

下面我就為大家分享一篇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中文網其他相關文章!

相關標籤:
ie
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板