Vue中html、css、js分离

春风欲雨

于 2019-08-29 09:37:01 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 前端小知识点文章标签： vue 项目结构分离

本文链接：https://blog.youkuaiyun.com/WebDestiny/article/details/100119606

69 篇文章

订阅专栏

31 篇文章

订阅专栏

本文介绍了在Vue项目中如何从外部文件引入HTML、JS和CSS资源，包括使用webpack和vue-cli时的推荐做法，以及直接引用外部文件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：首先，在 .vue文件中设置如下：（用webpack和vue-cli的话不建议使用该方法）

<template src="./record.html"></template>

<script src="./record.js"></script>

<style src="./record.scss" lang="scss"></style>

Js文件和css文件以及HTML文件分别放在两个专门存放js或者css以及HTML的文件当中，然后在vue文件中直接引入即可！

二：直接引用：

<template>

  <div>html</div>

</template>

<script src="./***.js"></script>

<style src="./***.css"></style>