不要在vue.js中工作

Question

我是新手，尝试使用Vue而不是vue-router来构建一个简单的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