如何写在一个普通的js文件VUE成分？ [无构建和没有的WebPack Vue.js]

Question

我知道有这个.vue文件组件，我想要做的是，使用一个简单的js文件，并要求其在主js文件，比如我有hello.js

Vue.component('Hello', {
template: '<span>Hello</span>'
})

那么如何使用在main.js这hello.js文件而不去VUE建筑物的事情吗？谢谢

Answer 1

如果你不想生成步骤，你需要把一切都在你的HTML与<script>标签的工作。因此，而不是在你的main.js一个import语句，引用您的组件文件中的脚本标记。

<script>标签是没有那么糟糕。你失去了一个名称分配给调用文件被调用文件的能力，你必须申报在树的顶部，所有引用的标记。对于庞大的应用程序，这些都是相当大的缺陷，但如果你的需求是谦卑的，这将让你通过了一段时间。

您可以使用客户端JS ES6 import语句，但是只有当你don't care about Firefox and Edge。你只需要清楚的步骤和顺序。组件需要在你的例子在调用组件注册，无论是全球范围内，如，或在本地。显然，限定该组件的对象需要存在于注册的时刻:-)