Vue2之页面 、js 、css分离

vue

在编写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: '你好啊,我只是测试一下'

}

}

}

以上是 Vue2之页面 、js 、css分离 的全部内容, 来源链接: utcz.com/z/377572.html

回到顶部