今天學習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沒有使用。
以上這篇vue2.0 路由不顯示router-view的解決方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com