今天學習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沒有使用。
相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!
推薦閱讀:
Vue的路由權限管理
在node里怎么壓縮合并JS文件
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com