Javascript 在Vue选项内部定义模板与在外部定义模板有什么区别？

我是Vue新手，如果有人能澄清如下声明模板之间的区别：

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

Vue.component（'my-component'）{
模板：“自定义组件！”
})

vs

自定义组件！

---

而且它的优点，那将是美妙的！我正在尝试创建一个轻量级应用程序，但我不确定哪一个更合适。谢谢大家!

没有功能性差异。这是一个你想要使用什么惯例的问题，以及你的构建者喜欢如何构建东西。在非开发环境中，模板应该是相同的。

两种实现的工作原理相同。后一种方法是使用，这可能更具可读性，但两种方法都适用

哦，我想我误解了医生的意思。我主要关注生产构建。。所以对于产品构建，我应该在组件中定义模板，并使用webpack进行编译？是的，这就是webpack喜欢构建东西的方式。嗯，我想知道它是否真的会影响最终构建的大小。谢谢你的帮助，朋友！

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