coze_demo/socket/node_modules/pillarjs/docs/3_TEMPLATE_RENDER.md

Rendering from template tag

Pillar allows rendering components from HTML <template> tag. All you need to do is pass template's ID to the register function like so:

Pillar.register('#my-template', 'super-header');

Note: Explicitly specifying tag name is required when registering a template.

How do I access props?

Because you're not defining a function when registering template, there's no explicit place to access props. Instead props are passed to the template directly using {{Mustache}} syntax.

So in your HTML you can do:

<template id="my-template">
	<h1>{{text}}</h1>
	<h3>It's Superpowered!</h3>
</template>

...

<super-header text="This is not a simple header!"></super-header>

I like to live dangerously and want to use <script> tags

By default <script> tags are removed from template before rendering. You can override this behavior by passing allowScripts option when registering:

Pillar.register('#my-template', 'super-header', {
	allowScripts: true,
});

This will run any JS code inside the template.

Next: Flags →