[email protected] clear slot content

by zhang li

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.2.3/css/bulma.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.js"></script>
<div id="app"></div>

SCSS

#app {
  margin-bottom: 20px
}

#note {
  max-width: 340px
}

Babel + JSX

var Base = Vue.extend({
	template: `
	  <div>
			<div id="named"><slot name="named_slot">base named slot</slot></div>
		</div>
  `
});

new Vue({
  components: {
    MyBase: Base
  },
  template: '<my-base><template slot="named_slot"></template></my-base>'
}).$mount('#app')