javascript - 如果我们在 .js 中拥有所有详细信息，.vue .js 文件之间有什么区别？

Question

我已经阅读了 vue 文档。我对vue结构的全局理解是基于语句:

• index.html 包含指向 .vue 文件的容器

• .vue 有 3 个独立的东西:只有 1 个 div ，(逻辑)，(CSS)

• vue 应该有 data()、methods()、computedproperties() 等

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

那么它们之间有什么区别，还是我遗漏了什么？

Answer 1

*.vue文件仅在构建期间存在。 Vue 文件可以包含 <template /> , <script />和 <style />标签。 Webpack 需要知道如何打包 *.vue进口。所以我们有 vue-loader .在构建期间，使用 vue-loader 转译 Vue 文件中的 JavaScript，编译模板以呈现函数，并提取样式。仅 .js 文件将无法包含所有 <template /> , <script />和 <style />标记在一起。

我个人更喜欢使用 *.vue包含所有这些标签的文件，因为这迫使我保持​​我的组件小而集中。如果*.vue文件太长，这通常表明我的组件做的太多了，我将它分解成更小的组件。而且，在一个文件中包含所有逻辑、模板和样式的小型集中组件使用起来非常方便。现在和 future 。