最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue-router 中router-view不能渲染的解決方法

 更新時(shí)間：2017年05月23日 09:28:20   作者：ontheway1215  
本篇文章主要結(jié)合了vue-router 中router-view不能渲染的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

最近在做一個(gè)vue的項(xiàng)目，其中使用了vue2.0,vue-router2.0。在使用vue-router的時(shí)候跳了一個(gè)很大的坑，router-view不能渲染，花費(fèi)了好多時(shí)間終于發(fā)現(xiàn)了原因。

項(xiàng)目目錄結(jié)構(gòu)

其中main.js

import Vue from 'vue';
import App from './App';
import router from './router';

/* eslint-disable no-new */
new Vue({
 el: '#app',
 router,
 render: h => h(App)
});

app.vue

<template>
 <div id="app">
   <div class="tab">
    <div class="tab-item">
     <router-link to="/goods">商品</router-link>
    </div>
    <div class="tab-item">
     <router-link to="/ratings">評論</router-link>
    </div>
    <div class="tab-item">
     <router-link to="/seller">商家</router-link>
    </div>
   </div>
   <div>
    <router-view></router-view>
   </div>
 </div>
</template>

<script>
 export default {
  name: 'app',
  components: {

  }
 };
</script>

<style lang="stylus" rel="stylesheet/stylus">
 .tab
  display: flex
  width: 100%
  height: 40px
  line-height: 40px
  .tab-item
   flex: 1
   text-align: center
   & > a
    display: block
</style>

router/index.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import goods from '../components/goods/goods.vue';
import ratings from '../components/ratings/ratings.vue';
import seller from '../components/seller/seller.vue';

Vue.use(VueRouter);

const routes = [
 { path: '/goods', component: goods },
 { path: '/ratings', component: ratings },
 { path: '/seller', component: seller },
 { path: '*', redirect: '/goods' }
];

const router = new VueRouter({
 routes: routes   //注意是routes而不是routers,坑就在這里
});

export default router;

其中在index.js中使用了各種方法，最后查看文檔發(fā)現(xiàn)原來是routes惹的禍，每次都寫的是routers，導(dǎo)致路由根本就沒有導(dǎo)入進(jìn)去，所以在渲染的時(shí)候一直不能顯示content。如下官方文檔中的例子：

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

吉水县| 桂林市| 廊坊市| 类乌齐县| 鹤岗市| 元阳县| 延庆县| 南涧| 文成县| 启东市| 当阳市| 射阳县| 西昌市| 玛多县| 长顺县| 自治县| 东辽县| 建平县| 云霄县| 宁津县| 荔波县| 江源县| 普洱| 新巴尔虎右旗| 平塘县| 四子王旗| 民丰县| 大连市| 无锡市| 山阳县| 嘉荫县| 鹤庆县| 井冈山市| 遵化市| 汤阴县| 新野县| 昭平县| 玉树县| 盐亭县| 山东| 双峰县|