ndtuan412

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

ndtuan412

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

ndtuan412

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

ndtuan412

Vue: Pass Slots through from Parent to Child Components

The Situation

• 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 = {