#name

• 類型：string

• 詳細：

允許組件模板遞歸地調用自身。注意，組件在全局用 Vue.createApp({}).component({}) 注冊時，全局 ID 自動作為組件的 name。

指定 name 選項的另一個好處是便于調試。有名字的組件有更友好的警告信息。另外，當在有 vue-devtools，未命名組件將顯示成 <AnonymousComponent>，這很沒有語義。通過提供 name 選項，可以獲得更有語義信息的組件樹。

#delimiters

• Type: Array<string>

• Default: ['{{', '}}']

• Restrictions: 此選項僅在完整版本中可用，并在瀏覽器中編譯模板。

• Details:設置用于模板內文本插入的分隔符。 通常，這用于避免與同樣使用mustache語法的服務器端框架沖突。

• Example:

  Vue.createApp({
    // Delimiters changed to ES6 template string style
    delimiters: ['${', '}']
  })

#inheritAttrs

• 類型：boolean

• 默認：true

• 詳細：

默認情況下父作用域的不被認作 props 的 attribute 綁定 (attribute bindings) 將會“回退”且作為普通的 HTML attribute 應用在子組件的根元素上。當撰寫包裹一個目標元素或另一個組件的組件時，這可能不會總是符合預期行為。通過設置 inheritAttrs 到 false，這些默認行為將會被去掉。而通過實例 property $attrs 可以讓這些 attribute 生效，且可以通過 v-bind 顯性的綁定到非根元素上。

• 用法：

  app.component('base-input', {
    inheritAttrs: false,
    props: ['label', 'value'],
    emits: ['input'],
    template: `
      <label>
        {{ label }}
        <input
          v-bind="$attrs"
          v-bind:value="value"
          v-on:input="$emit('input', $event.target.value)"
        >
      </label>
    `
  })

• 參考禁用 Attribute 繼承