Javascript 什么'；如果我们在.js中有所有详细信息，那么.vue.js文件之间的区别是什么？

我已经阅读了vue文档。我对vue结构的总体理解基于以下陈述：

• index.html具有指向.vue文件的容器

• .vue有3个独立的功能：只有一个div， （逻辑），（css）

• vue应具有数据（）、方法（）、计算属性（）等

但是.js文件可以有与.vue相同的代码

---

那么它们之间有什么区别，或者我遗漏了什么吗？

使用

.vue

文件可以将模板、js和css包含在同一个文件中

---

如果您想预编译模板，它们还可以提供更好的性能，并且您可以使用作用域css。

使用

.vue

文件可以将模板、js和css包含在同一文件中

---

如果您想预编译模板，它们还可以提供更好的性能，并且您可以使用作用域css。

*。vue

文件仅在构建时存在。Vue文件可以包含

、

和

标记。Webpack需要知道如何捆绑

*.vue

导入。所以我们有。在构建期间，使用vue loader传输vue文件中的JavaScript，编译模板以呈现函数，并提取样式。Just.js文件不能同时包含所有的

、

和

标记

---

我个人更喜欢使用带有所有这些标记的

*.vue

文件，因为这迫使我保持我的组件小且集中。如果

*.vue

文件太长，则通常表示我的组件做得太多，我将其分解为更小的组件。而且，在一个文件中包含所有逻辑、模板和样式的小型聚焦组件非常便于使用。现在和将来

*.vue

文件仅在生成时存在。Vue文件可以包含

、

和

标记。Webpack需要知道如何捆绑

*.vue

导入。所以我们有。在构建期间，使用vue loader传输vue文件中的JavaScript，编译模板以呈现函数，并提取样式。Just.js文件不能同时包含所有的

、

和

标记

---

我个人更喜欢使用带有所有这些标记的

*.vue

文件，因为这迫使我保持我的组件小且集中。如果

*.vue

文件太长，则通常表示我的组件做得太多，我将其分解为更小的组件。而且，在一个文件中包含所有逻辑、模板和样式的小型聚焦组件非常便于使用。现在和将来

但是css、js不应该放在单独的文件中吗？我个人更喜欢这样做，但是你问

.js

和

.vue

之间有什么区别，这是一个很大的区别。@ERJAN@AndreKR感谢链接，很久没有使用vue了，也找不到它。热重新加载也是

.vue

文件独有的吗？热重新加载是webpack的一项功能，而不是vue的功能，因此一般来说，它在没有.vue文件的情况下工作，但我不确定这些vue组件在更新时是否会自动重新呈现-我从未这样使用过。但不应该是css，js是否在单独的文件中？我个人更喜欢这样做，但是你问

.js

和

.vue

之间有什么区别，这是一个很大的区别。@ERJAN@AndreKR感谢你的链接，很久没有使用vue了，也找不到它。热重新加载也是

.vue

文件独有的吗？热重新加载是webpack的一项功能，而不是vue的功能，因此通常它在没有.vue文件的情况下工作，但我不确定这些vue组件在更新时是否会自动重新渲染-我从未这样使用过。