vue-router设置完成后 无报错但是页面不显示任何内容
来源：15-4 Vue-router(上)
qq_不良人_3
2017-11-19
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="src/assets/reset.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<title>myapp</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
---------------main.js------------------
import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// 方法二：import引入路由组件
import goods from './components/goods/goods'
import ratings from './components/ratings/ratings'
import seller from './components/seller/seller'
// 然后定义路由(routes)，components还可以是Vue.extend()创建的
const routes = [
{ path: '/goods', component: goods },
{ path: '/ratings', component: ratings },
{ path: '/seller', component: seller }
]
// 接着创建路由实例
const router = new VueRouter({
routes
})
// 最后创建vue实例并挂载
const app = new Vue({
router
}).$mount('#app')
----------------------App.vue-------------------------
<template>
<div>
<div>
<div>
<router-link to="/goods">商家</router-link>
</div>
<div>
<router-link to="/ratings">商品</router-link>
</div>
<div>
<router-link to="/seller">评论</router-link>
</div>
</div>
<router-view></router-view>
</div>
</template>
<script>
import nav from "./components/header/nav.vue"
export default{
}
</script>
<style rel="stylesheet/stylus">
</style>
页面没有任何显示 也无报错 请我老师这是怎么引起的
1回答
-
ustbhuangyi
2017-11-19
你并没有渲染 App 组件啊
042017-12-06
相似问题