方法一

• 分別創建 index.js, index.css

index.js:

export default {data:function(){return {//...};},methods:{//...} }

• 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>

總結

以上是生活随笔為你收集整理的vue 实现 js css html分离的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。