在使用vue框架开发时，我们都知道一个组件中可以同时写HTML、css、js代码，只需三个标签而已，如下：
但是要真把所有的代码都写入一个组件文件当中，那么代码量是非常大的，极不便于修改和维护，这时就需要把css样式和js代码写到其他文件下，再引入组件当中。具体方法如下：
在组件中引入css文件：
<style> @import url(css文件路径) </style>
在组件中引入js文件：
首先需要将我们的js模块“抛出”，让其他文件能获取到；如下，
function home() { console.log("我是js文件") } export { home }
其次在需要导入的文件导入；
<script> import { home } from "../assets/js/home.js"; </script>
如图：
![[译]: Vue.js 函数式组件：what, why & when?](https://ucc.alicdn.com/pic/developer-ecology/hid5ykfodc62m_49a2253b8cb446d4b3ce7ead1cdfb9fc.png?x-oss-process=image/resize,h_160,m_lfit)
