這次帶給大家vue2.0 路由不顯示router-view如何處理,處理vue2.0 路由不顯示router-view的注意事項有哪些,下面就是實戰案例,一起來看看。
這是花了一上午整出來的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沒有使用。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是vue2.0 路由不顯示router-view如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!