Question

我使用html-loader编写我的vue组件。例如：从'vue'导入Vue;

import template from './index.html';

export default {
    template,
    data() {
        return {

        };
    }
};

在这种情况下，如何在不使用vue-loader的情况下将vue-hot-reload-api与vue-router一起使用？
我不想将html，css和js合并到一个文件中，我想单独编写它们。

Answer 1

您可以使用以下方法分隔这些文件：

<!-- my-component.vue -->
<template src="./my-component.html"></template>
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>

来源： VueJS: What About Separation of Concerns?

如何在没有vue-loader的情况下使用vue-hot-reload-api和vue-router？

1 个答案: