传统方式(容易混乱,复用率不高):
    image.png

    一个完整的网页是复杂的,如果将一个页面作为一个整体来进行开发,会出现各种互相影响的问题,其实我们应该使用一个更加精细的方式—组件化
    每一个组件可能包含:
    1.模版代码 2.css 3.js代码
    使用组件的三个步骤:
    1.创建组件
    2.注册组件
    3.使用组件

    组建化部署

    image.png

    官网的解释:
    image.png

    创建组件两种形式:

    1. 非单文件组件
      一个文件中包含多个组件
      2.单文件组件
      一个文件中只包含一个组件