Question

将nuxt.js视图，组件（和布局）拆分为单独文件的最佳方法是什么（在设计时，而不是在构建后）？当我需要在模板和脚本之间切换（查找内容等）时，使用复杂的大型视图和组件会感到非常烦恼。

理想情况下，我可以定义：

- foo.vue.html
- foo.vue.js
- foo.vue.css

，让构建/生成过程完成其余的工作。我使用的是预渲染SPA（nuxt generate）的生成，因此该解决方案（如果有的话）必须兼容。

Answer 1

您需要像vue docs

中所述的那样手动进行操作

<!-- my-component.vue -->
<template>
  <div>This will be pre-compiled</div>
</template>
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>

在nuxt.js组件文件中拆分模板，脚本和样式（HTML，JS和CSS）

1 个答案: