微信小程序template模版如何灵活运用？

本文共计1265个文字，预计阅读时间需要6分钟。

前言：小程序开发语言虽然只能运行在微信小程序中，但它的设计遵循了主流前端框架的主要特性——组件化。在微信小程序中，组件化的实现主要有两种方式：template模板和Component组件。

在小程序中，组件化主要表现为：

1.template模板：使用XML定义页面结构，CSS定义样式，JavaScript定义逻辑。

2.Component组件：将页面成多个组件，每个组件负责一部分功能，提高代码复用性和可维护性。

前言

小程序开发语言虽然只能运行在微信小程序中， 但是它的设计同样遵循了主流前端框架的主要特征——组件化，在小程序中组件化的实现有两种方式: template 模版 和 Component 组件。 这两种方式分别适用于不同的场景。

• template 模版 主要用于展示，模版中不涉及事件处理， 需要处理的事件逻辑放在调用模版的页面中。 一个 template 模版 只包含 wxml wxss 文件。
• Component 组件 作为一个单独的功能模块，不仅可以包含页面展示还可以包含该模块的事件逻辑处理。 像一个页面一样， Component 组件 可以包含 wxml wxss js json 文件。

1. 创建 template 模版

不同于 page 和 Component 的创建， 在开发者工具中并不能快速创建一个 template 模版。所以需要单独创建 wxss wxml 文件。