vue(五)组件、自定义属性props

一、组件化开发

        组件化开发指的是：根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目

的开发和维护。

         vue 是一个支持组件化开发的前端框架。 vue 中规定：组件的后缀名是 .vue。 App.vue 文件

本质上就是一个 vue 的组件。

二、vue 组件的三个组成部分

        每个 .vue 组件都由 3 部分构成，分别是：

        template          -----         组件的模板结构

        script               -----         组件的 JavaScript 行为

        style                -----         组件的样式

其中，每个组件中必须包含 template 模板结构，而 script 行为和 style 样式是可选的组成部分。

2.1 template

        vue 规定：每个组件对应的模板结构，需要定义到