拆分nuxt.js组件文件中的模板、脚本和样式(HTML和CSS)
拆分nuxt.js组件文件中的模板、脚本和样式(HTML和CSS)
提问于 2018-06-20 22:19:58
将nuxt.js视图、组件(和布局)拆分为单独的文件(在设计时，而不是在构建之后)的最佳方式是什么？对于复杂而庞大的视图和组件，当我需要在模板和脚本之间切换(查找内容等)时，我发现这非常烦人。
理想情况下，我将能够定义：
- foo.vue.html
- foo.vue.js
- foo.vue.css然后让构建/生成过程来完成剩下的工作。我正在使用预渲染SPA (nuxt generate)的生成，所以解决方案，如果有的话，将必须是兼容的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-21 04:16:44
您需要像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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50950444
复制相关文章
相似问题