Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
2.1k views
in Technique[技术] by (71.8m points)

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>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
new Vue({
  el: '#app',
  router,
  store
})

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...