vuejs入门-组件初识(四)

官方的文档说的很清楚了,我就来点直白一些的话来说*.vue组件
1.组件你可以看成是自定义标签的实现;
2.组件就是为了更好的代码或者说功能复用;
3.组件还可以是一整个页面[vuejs里页面也是组件,本系列路由第一篇就是];

我们写一个最简单的组件:数据表格吧,这里数据暂时写死,后面我们再通过vue-resource来获取数据吧。[视图的研发流程一般都是从死到活的,哈哈]

先看看怎么定义一个自己的组件以及如何复用
1.定义DataTable.vue:

2.复用DataTable.vue:
当你想在任何一个页面使用这个组件的时候,那么导入这个组件,然后使用即可: