vue 實現 js css html分離

Darren i發表於2020-10-19
VueJSCSSHTML

方法一

  • 分別建立 index.js, index.css
  • index.vue 程式碼
<template>
	....
</template>

<script>
//index.js 的相對路徑
import index from "./index.js";// 名字可以任取
export default index;
</script>

<style scoped>
//index.css 的相對路徑
@import "./index.css";
</style>

方法二

直接引入

<template>
  ....
</template>
//js的相對路徑
<script src="./***.js"></script>
//css相對路徑
<style src="./***.css"></style>

相關文章