项目目录

vue小项目(2)

关注点‘src’文件,开发工作基本在此目录下展开:

vue小项目(2)

安装sass

npm install node-sass –save
npm install –save-dev sass-loader

vue小项目(2)

使用的时候只需将vue文件里的style标签改成:
<style scoped lang="scss">

新建一个home页面
我们可以把components里的默认删掉,重新新建一个home.vue(记得引用scss)

vue小项目(2)

对应着修改一下index.js文件
vue小项目(2)

保存,然后编译,主页面渲染成功:
vue小项目(2)
vue小项目(2)

相关文章: