vue css引入_vue引入CSS 预处理器的功能【完结】

3c390cd0d728858bb7dabb659ac4a135.gif

学习要点:1.CSS 预处理器

本节课我们来开始了解下在 Vue 引入 CSS 预处理器的功能。

一.CSS 预处理器

1. Vue 支持主流的预处理器,用法都比较简单,安装脚手架时选择 CSS 预处理;

2. 这里用 Less 进行演示,其它的雷同,安装好后,我们用 About.vue 测试;

<style lang="less">  @color : red;  .about h1 {    color : @color;  }style>

6638bfe2d55d90c4d7c17287c44d159c.png

PS:注意 lang="less",否则报错且无效,这样我们就可以使用 less 语法写 CSS 了;

3. 关于 HTML5/CSS3,javascript 和 ES6,大家自选去查阅历史阅读;

4. 业余爱好者分享,每天时间有限,望大家能理解。

如果您觉得有用,记得在下方点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的打赏支持才是小编继续努力的动力,么么哒。

每日分享在学习过程中总结的学习经验,学习笔记,笔试题,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以学习为目的,每天阅读一篇文章,了解身边的技术,陪有梦想的人一起成长!

9fa028b40dd4457ecd8805e286bf1ae7.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值