这次给大家带来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中文网其它相关文章!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号