vue中怎么引入scss样式
具体步骤如下:
1.首先,在vue-cli中创建一个vue.js项目;
vue create project-name
2.vue.js项目创建好后,在项目中使用npm命令安装sass依赖;
npm i sass --save-devnpm i sass-loader --save-dev
3.sass依赖安装好后,在webpack.base.config配置文件中进行以下配置;
{ test: /.scss$/, loader: 'style!css!sass'},4.最后,webpack.base.config文件配置好后,在项目中使用style标签即可引入scss样式;
Vue的优点
Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。