要求不能在vue.js中工作

Question

我是vue的新手，它嘗試使用不帶vue-router Vue構建簡單的SPA。 在vue-2.0-simple-routing-example我只是嘗試通過require(dynamicPathToFile+'.vue')服務頁面。 但這不起作用。

這有效：

Main.Vue

<template>
    <div>
        <p>Hello World</p>
    </div>
</template>

Main.JS

import Vue from 'vue'
import App from './main.vue'

const app = new Vue({
  el: '#app',
  render (h) {
    return h(App)
  }
})

但是為什么不起作用呢？

Main.JS

import Vue from 'vue'

const app = new Vue({
  el: '#app',
  render (h) {
    return h(require('./main.vue'))
  }
})

它可以編譯，但是在我的JavaScript控制台中

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <Anonymous>
       <Root>

什么都沒顯示

我如何使其工作，以便我可以動態地需要一個頁面，而不是將其導入頂部？

Answer 1

需要包含.default，因為我正在使用Babel的更新（固定）版本