正文
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: '你好啊，我只是测试一下'
}
}}
