Vue CLI3出了有一段时间了,但是项目上面还是用的Vue CLI2,最近看到小伙伴在研究,于是抽了一个下午加晚上的时间,把vue.config.js这块配置好。项目中用的是Sass,希望是公共的样式提取到一个scss文件中,页面单独的样式就写在vue里面,这样后期维护比较方便。

- 阅读剩余部分 -

组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信,也就成为了vue中重点知识了。这篇文章将会通过props$ref$emit 这几个知识点,来讲解如何实现父子组件间通信。

- 阅读剩余部分 -

1. node环境

下载:http://nodejs.cn/download/

2. node-sass安装

npm install -g node-sass

3. 启动监听命令

node-sass -w xxx.scss xxx.css --output-style expanded

4. 风格选项

nested:嵌套缩进的css代码,它是默认值

expanded:没有缩进的、扩展的css代码

compact:简洁格式的css代码

compressed:压缩后的css代码