vue.js初学之组件开发理解

如果只是一些小页面的开发，可能组件的功能用不上，但到了开发大型项目的时候，需要复杂的并且很多重复或者类似模块的时候，组件化开发的强大就可以体现得淋漓尽致

我们来假设一个场景，比方说我们要来做一个工作台，这个工作台呢就是为了给我们办公室里的每个人发布任务，就相当于说，我们得做一个任务列表，然后每个人有不同的任务，那么就可以把个人任务做成一个组件（如上一篇讲到的todolist），那么一个就不用重复去写<ul>列表，直接把三个todo-item组件扔上去就OK

<div id="app-1">
    <todo-item></todo-item>
    <todo-item></todo-item>
    <todo-item></todo-item>
</div>

再假如，我们不止只有一个办公室，我们有好几个办公室都要发布任务，每个任务要发布到人。听起来复杂了一些，但是对于vue都一样，我们可以把刚刚做好的办公室再做成一个组件，然后做类似的把办公室扔进去就好

这里我们也对应了官网的一张图

那么这里我们也抛出一个问题，公司发布任务给每个办公室，那么这些任务肯定是公司决定的，不会说办公室想干嘛就干嘛，那么公司要怎么把任务交给办公室呢，办公室要怎么把任务再交给办公室的人呢？下一篇见~