Vue2之页面 、js 、css分离

在编写vue的时候，页面数据少的时候，可以将所有的js和css都可以直接写在页面上，但是页面数据多，js、css的方法和样式多的时候，都放在一个页面的时候，就显得页面vue十分的臃肿。

所以写项目的时候，还是将其分离会比较合适，这样别的页面也可以引用该方法和样式。

直接上代码：

 

页面引用js（TestJs.js）和css（Test.css）

<script>
import test from '../pageJs/TestJs';
export default {
... test
}
</script>

<style scoped>

@import "../css/Test.css";
</style>

　js部分

export default {
data() {
return {
test1: 'haha',
test2: '腻害',
test3: '你好啊，我只是测试一下'
}
}
}