这次给大家带来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中文网其它相关文章!
推荐阅读:
Atas ialah kandungan terperinci vue2.0 路由不显示router-view如何处理. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!