Vue中html、css、js分离

74 阅读 0 评论 49 点赞

我是靠谱客的博主超级老鼠，最近开发中收集的这篇文章主要介绍Vue中html、css、js分离，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

以上就是超级老鼠为你收集整理的Vue中html、css、js分离的全部内容，希望文章能够帮你解决Vue中html、css、js分离所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。