vue 组件

 

• 1- 全局组件

  • 方式1

    • 1- 声明且挂载组件
      • 2- 使用组件
        • <组件名></组件名>

    Vue.component("组件名",{ template:`<div><b></b></div>` })

  • 方式2

    • 1- 定义组件结构
      • 3- 使用组件
        • <组件名></组件名>

    <template id="my-card"> <div><b></b></div> </template>

    • 2- 挂载组件

    Vue.component("组件名",{ template:#my-card })

• 2- 局部组件

  • 1-声明组件

  let a = { template:`<div><b></b></div>` }

  • 2- 挂载组件

    • 3- 使用组件

      <a></a>

  components:{ a }

• 3- 属性说明

  • template：模板数据
  • 注意：因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。