在Vue选项和外部定义模板之间有什么区别？

Question

我是Vue的新手，如果有人可以澄清声明这样的模板之间的区别：

Vue.component('my-component', {
    template: '<div>A custom component!</div>'
})

VS

<template>
    <div>A custom component!</div>
</template>

及其优点，那将是美妙的！我试图创建一个轻量级的应用程序，我不确定哪一个更合适。谢谢！

Answer 1

没有功能差异。这是一个关于你想要使用什么约定以及你的建造者喜欢如何构建东西的问题。在非开发环境中，您的模板 应为pre-compiled into render functions。

Answer 2

两种实现都是一样的。后者使用Single File Components，这可能更具可读性，但两种方式都是正确的。