组件划分方法

对于一些常见的页面，你可以坐下来输入代码，完成这个页面后再做其他页面。但是，作为一个复杂的系统，特别是使用一些适合模块化开发的框架，会效率低下，所以我们简单看一下如何在Vue中划分组件。

综上所述，有两种划分方式。一个是页面上的功能块，select，pagenation，以及一些需要大量代码才能实现的部分。我们可以把它们提取出来放在一起或者分类。还有一种是按页面区域划分，比如页眉、页脚、侧边栏。有了组件之后，Vue的组件如何实现？

Vue的组件是如何实现的？让我们看看它在文件系统中的样子

APP.vue是项目的入口，我们划分的组件也是一个对象。在APP.vue中，我们用import导入每个组件。header指的是右边的header.vue文件。这篇文章是es6的一篇文章。当然，如果您不使用es6组件化，您必须用其他需求编写它并打包它。如果只将这两个组件引入app.vue，

在Vue中，必须通过组件注册这个组件，把导入的放进去，然后在模板层写页眉/页眉和页脚/页脚。渲染后，模板级别将成为页眉的内容。Vue和footer.vue需要注意的一点是，vue必须注册后才能使用。

引入Vue组件之间的通信，秉承一个理念，我们首先要在header.vue文件中注册代码，假设我们里面有一个数据是username，然后方法是dothis。我们看到有一个属性道具注册了一个msg。当我们的app.vue调用header组件时，我们可以直接在header属性中写入msg，并在app中传输任何数据。Vue到header.vue，都是通过vue的机制来实现的。如果msg没有写在这里，就不能获得属性。

摘要

以上就是边肖介绍的Vue.js划分组件的方法。希望对大家有帮助！