vue 页面不渲染,但是没有报错?

图片描述
main.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './router/'
import store from './store/'
import './config/flexible'

Vue.use(VueRouter)

const router = new VueRouter({
  routes,
  mode: 'history',
  strict: process.env.NODE_ENV !== 'production'
})

new Vue({
  el: '#app',
  router,
  store
})

router

import App from '../App'
const home = r => require.ensure([], () => r(require('@/components/home/home')), 'home')
export default [{
  path: '/',
  component: App, 
  children: [
     {
         path: '',
         redirect: '/home'
     },
     {
         path: '/home',
         component: home
     }
  ]
}]

App.vue

<template>
  <div class="main">
    <router-view></router-view>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
    @import './style/common';
</style>

home.vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<style scoped lang="scss">

</style>
阅读 10.9k
2 个回答
new Vue({
  el: '#app',
  router,
  store
})

这一步有问题啊,没把app.vue渲染上去啊

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题