Question

我开始使用此问题中的代码段How to use multiple vue components on single page?以下示例适用于vue build app.vue，但如果我设置了最简单的服务器并访问index.html，则无效。

index.html：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="jspm_packages/system.js"></script>
    <script type="text/javascript" src="config.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/javascript">
    System.import('app.js');
</script>
</body>
</html>

app.js：

import Vue from 'vue/dist/vue.js'

window.onload = function() {
    new Vue({
      el: '#app',
      render: h => h(app)
    })
}

app.vue：

<template>
<qwop></qwop>
</template>

<script>

import qwop from 'qwop.vue'

export default {
    components: {
        'qwop': qwop
    }
}

</script>

qwop.vue：

<template>
<div>Hello</div>
</template>

通过运行vue build app.vue，启动了一个Web服务器，我可以看到＆＃34; Hello＆＃34;在网页中。但是，如果我通过例如python -m http.server创建网络服务器并访问index.html，则无法显示任何内容。我的index.html和app.js

有什么问题

外部.vue组件文件不起作用的最小示例

0 个答案: