javascript - Vuejs的路由为什么没有生效，没有报错，但是就是内容没有显示出来？

问题描述

问 题

1. 为什么使用Vue-router，没有报错，但是内容没有渲染成功

2.
main.js中的代码：

import Vue from 'vue'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
Vue.use(VueResource)
Vue.use(VueRouter)
const Bar = { template: '<div>bar</div>' }
const router = new VueRouter([
  {path: '',component: Bar}
])
new Vue({ router }).$mount('#app')

index.html里面的代码：

<div id="app">
  <router-view></router-view>
  </div>

3.页面中没有渲染成功：

解决方案

const router=new VueRouter({
    routes:[{
        path:"/",component:Index
    },{
        path:"/about",component:About
    }]
})

这篇关于javascript - Vuejs的路由为什么没有生效，没有报错，但是就是内容没有显示出来？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！