• 技术文章 >web前端 >js教程

    vue2.0 路由不显示router-view如何处理

    php中世界最好的语言php中世界最好的语言2018-04-11 16:40:16原创2641

    这次给大家带来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中文网其它相关文章!

    推荐阅读:

    vue build打包之后首页白屏如何处理

    Native怎么使用fetch实现图片上传功能

    以上就是vue2.0 路由不显示router-view如何处理的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:router-view vue2.0 ie
    上一篇:vue build打包之后首页白屏如何处理 下一篇:在vue-router进行build时路由界面异常
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• JavaScript创建多个对象方法总结• 聊聊node+multiparty怎么实现文件上传• 浅析Angular中的独立组件,看看怎么使用• 简单聊聊JavaScript中的事件监听• 聊聊node+express怎么操作cookie
    1/1

    PHP中文网