vue.js (vue.js)vue-router不生效

关于网友提出的“vue.js (vue.js)vue-router不生效
”问题疑问，本网通过在网上对“vue.js (vue.js)vue-router不生效
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：vue.js (vue.js)vue-router不生效
描述:

刚刚接触vuejs的路由，使用的是vue-router+Webpack。现在的问题就是不管怎么输入路由，页面总是导向同一个页面。请各位帮忙提示下到底哪儿出了问题。

import Vue from 'vue';

import VueRouter from 'vue-router';

Vue.use(VueRouter);

import App from './components/app.vue'
import need from './components/needMarket.vue'
import donate from './components/donateMarket.vue'
Vue.config.debug = true;

var router = new VueRouter();

router.map({
    '/index' : {
        name : 'index',
        component : App
    },
    '/donate' : {
        name : 'donate',
        component : donate
    },
    '/need' : {
        name : 'need',
        component : need
    }
});

router.start(App,"router-view");

app.vue如下

needMarket.vue如下

donateMarket.vue

但是运行完npm run dev以后 无论在地址栏里面怎么输入路径 显示的都是app.vue中的内容

谁能告诉我下是什么原因，哪里错了？感激不尽！

---

解决方案1:

你的入口app.vue少了渲染组件的。

以上介绍了“vue.js (vue.js)vue-router不生效”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/2467399.html