Vue中html、css、js分离

最新推荐文章于 2024-02-23 17:02:08 发布

春风欲雨

最新推荐文章于 2024-02-23 17:02:08 发布

阅读量2.5k

点赞数

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

本文链接：https://blog.csdn.net/WebDestiny/article/details/100119606

版权

69 篇文章 1 订阅

订阅专栏

31 篇文章 1 订阅

订阅专栏

一：首先，在 .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>

优惠劵

关注关注