Vue设计思想

Vue的组件化思想

一个组件就是一个模块，每个模块都是独立的。组件化这个特点可以把一个网站甚至一个页面分成一个一个的小模块（即组件）。每个组件也是完整的，他包含整个组件需要的业务逻辑和样式。每个组件都可以很方便实现复用，很方便的维护。

例如：

上次创建Vue项目，运行以后显示：

F12 -> Elements板块 可以看到当前页面的元素标签组成：

再看当前项目的文件目录。其实这个页面并不是完全由一个页面呈现出来的。可以体现出Vue的组件化思想。

看当前目录下的三个文件：index.html,src下的App.vue,src下的components下的HelloWorld.vue。所以这三个文件的关系—

App.vue是嵌在index.html里的，App.vue调用了HelloWorld.vue：

index.html文件是最外层框架。里面没有任何的实质性内容。只有一个和一个只载入了app的vue module 的。