slot插槽、transition动画、filter过滤器

slot 插槽

• 作用： 可以让我们在组件中书写内容

<div id="app">
    <Hello>
      <header>  头部  </header>
      <section> 内容 </section>
      <footer> 底部 </footer>
    </Hello>
</div>

<template id="hello">
    <div>
      hello
      <slot></slot>
    </div>
</template>

Vue.component( 'Hello', {
   
    template: '#hello'
  })

  new Vue({
   
    el: '#app'
  })