vue2 零星笔记

1、属性绑定时,可使用表达式。代码如下

:labelStyle="curIndex==index?labelCurStyles:labelStyles"  

为什么会有这种情况呢,需求是使用百度地图的BmLabel标签组件,其样式的修改只能通过labelStyle来控制。当我点击其中一个标签时此标签样式改变,其他标签不变。这个时候我就需要用到这个了。

 2、vue2.x引入scss

2.1 npm install node-sass --save-dev
2.2 npm install sass-loader --save-dev

在项目中使用sass报错,发现是
sass-loader的版本原因,新安装的项目的版本是8.x,回退到7.3.1就可以正常使用sass了
不要在配置文件里配置
{
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      },

否则在main.js里引入scss会报错。因为最新的vue-cli已经是默认配置好sass的(在build/util.js里),所以如果再在webpack里配置会重复,因此在main.js引入scss文件时会报错,也就是所只要安装了sass就行,什么都不用配置了

posted @ 2017-12-21 10:37  nanacln  阅读(159)  评论(0编辑  收藏  举报