在 Vue.js 中，可通过模板语法定义多个可复用的模板片段，并在组件的 `components` 选项中以对象形式注册这些模板，从而在页面中调用并渲染。需注意：`components` 必须是对象，键为组件名，值为组件配置；不可使用数组。以下通过具体示例演示其定义与使用方式。
1、 首先，在HBuilderX中于指定目录新建一个静态页面，并引入Vue.js核心库文件。
2、 第二步：在 `` 标签内添加一个带有指定 ID 的 `` 元素，如示例所示。
3、 第三步：在div标签内添加script标签，定义User、Student和Teacher三个模板。
4、 第四步：通过 Vue.js 创建实例，指定 el 挂载点，并配置 components 选项以注册组件。
5、 第五步：保存代码后在浏览器控制台查看，出现报错提示——components 后不可接数组类型，具体错误信息所示。
6、 第六步：在HBuilderX中，将components后的对象改为大括号格式（{}）进行定义。
