- We've got some components
A
,B
andC
which provide different slots.const A = { template: `<div><slot name="a">Default A Content</slot></div>` }
const B = {
<template> | |
<div class="contact box"> | |
<h3>Contact</h3> | |
<div class="form-box form-horizontal"> | |
<div class=" form-inline"> | |
<label for="phone">Phone</label> | |
<input type="phone" class="form-control" name="phone" placeholder="Phone" value.two-way="phone"> | |
</div> | |
</div> | |
</div> |
<template> | |
<div class="contact box"> | |
<h3>Contact</h3> | |
<div class="form-box form-horizontal"> | |
<div class=" form-inline"> | |
<label for="phone">Phone</label> | |
<input type="phone" class="form-control" name="phone" placeholder="Phone" value.two-way="phone"> | |
</div> | |
</div> | |
</div> |
<template> | |
<require from="./test"></require> | |
<require from="./test2"></require> | |
<require from="./test3"></require> | |
<h1>${message}</h1> | |
<test> | |
<template replace-part="name"> | |
, replaced | |
<button click.delegate="func()">click</button> | |
${title} |