项目随手记

script标签

scrip标签中的lang属性需要与内容中的语法相对应，语言类型为typescript时，应设置为lang=“ts”，否则@component会报错。

Prop属性

prop属性默认支持“-”连字符写法，声明时可用小驼峰声明，如：enable-Column-Manager

slot插槽

父组件在子组件标签内写的多个内容我们可以给其设置slot属性来命名，在子组件的模板通过使用带有name属性的slot标签来放置对应的slot，当slot不存在的时候，slot标签内写的内容就出现。
this.$slots 访问静态插槽的内容，每个插槽都是一个 VNode 数组.

  <operate-manager>
        <template #manageTrigger>
          <slot name="manageTrigger" />
        </template>
  </operate-manager>

#槽口名称

        <template #manageTrigger>
          <slot name="manageTrigger" />
        </template>

v-slot的缩写：#

预期：可放置在函数参数位置的 JavaScript 表达式 (在支持的环境下可使用解构)。可选，即只需要在为插槽传入 prop 的时候使用。

参数：插槽名 (可选，默认值是 default)

限用于组件 (对于一个单独的带 prop 的默认插槽)
用法：提供具名插槽或需要接收 prop 的插槽。