在组件化的世界观中，一个页面是由多个组件组装起来的。那么这些组件是如何协同工作的呢？本节就要介绍，在vue的context之下，组件之间是如何通讯的。

2018.04.16 - 2018.04.28 我被assgin到某车厂的汽车零配件线上交易平台。我加入到时候项目已接近尾声，即将准备上线，然而客户此时有新feature需要做，因此派我过来临时支援两周做这些feature。这是我在骚窝的第三个项目，也是为我带来了又一次不同的体验和挑战。

四月份beach两周，出差两周，跑了四个城市，办成两件人生大事…是非常忙碌且意义重大的一个月呀

part2中我们已经了解一个单文件组件中的script部分怎么写。那么现在我们就来实践一下，尝试写一个简单的UI组件-button。

前文我们知道，在vue单文件组件中，最终会导出一个对象。

1
2
3

<script>
	export default {};
</script>

vue已经为我们预先指定好了这个对象一些选项，如data, components, methods, computed, watch, mixins, filters, 钩子函数等等。本文我们将从组件的使用场景出发，详解这些属性和方法的用法。

现在距离我刚开始接触vue，已经将近有一年了。刚开始是自己摸索着写仿站写项目，对vue的理解不深，使用的也不够熟练，水平仅限于会用。经过Iot Paas这个项目，才可以说熟练使用vue。对于使用vue的同学来说，其官方文档就是最好的学习资料。你所能遇到的问题几乎都能在文档中找到原因或解决方案。但是，文档更适合于通读学习或者有针对性的查问题，并没有一个基于单文件组件的，以实际工程为例的视角。因此，我尝试开的这个详解vue系列，试图以实际工程为例，详述vue工程实践的一些经验。本系列假设你已经通读过官方文档，对vue的基本思路和用法有一些理解，文中就不再重复官方文档中已有的内容了。由于之前短暂的用过react，这里也会时不时的对比react的特性。

本节我们讲的是，一个vue的单文件组件一般长什么样子。

参考资料：vue官方文档

2018.01.22 - 2018. 03.30, 我在某车厂Iot Paas项目上做前端dev。这是我第一个经历了完整研发周期的项目，在各个阶段遇见不同的种类的困难，带来很多不一样的体验。

三月一整个月依然再上海出差。这也是在这个项目中唯一做完整的一个月了。

今天是2017年的最后一天，距离上次写月季已经有两个月的时间了。这两个月中发生了很多很多的事情，其中有很多是值得仔细思考的。作为这一年最后一朵月季，我也会回顾整个一年。总的来说，这个月大概是2017年最具挑战性的一年，而2017年大概是我迄今为止的24年之中最具挑战性的一年。所以这朵月季，必定会持久弥香呀

最近做的两个项目中，尝试在vue-cli中引入less进行css预处理。常用写入单文件、import引入less文件的形式使用less。然而这两种方法都无法优雅地解决不同vue组件之间的less变量共享问题。然后我就去寻找在vue中全局引用less变量的方法，看到了一篇博客解决了这个问题。
本文基于这篇博客，细化了该博客中一些表达粗略的地方，简化了思考过程，同时也一并介绍了其他两种常用的使用less的方法。关于less的介绍及语法，本文不再细说，我们只讲引入vue-cli项目的方式。相信通过这篇精简的教程，我们可以在vue-cli项目中使用less更加得心应手。