Tuan Nguyen Duy ndtuan412

Vue: Pass Slots through from Parent to Child Components

We've got some components A, B and C which provide different slots.

const A = {
  template: `<div><slot name="a">Default A Content</slot></div>`
}

const B = {

	<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}

	<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>