要求不在 vue.js 工作

Question

我是 vue 的新手，我试图用 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

Require not working in vue.js