71Vue 元件命名約定

2021-09-25 16:15:40 字數 552 閱讀 4688

當註冊元件(或者 props)時,可以使用 kebab-case ,camelcase ,或 titlecase 。vue 不關心這個。

// 在元件定義中

components: ,

'camelcasedcomponent': ,

'titlecasedcomponent':

}

在 html 模版中,請使用 kebab-case 形式:

當使用字串模式時,可以不受 html 的 case-insensitive 限制。這意味實際上在模版中,你可以使用 camelcase 、 pascalcase 或者 kebab-case 來引用你的元件和 prop:

如果元件未經 slot 元素傳遞內容,你甚至可以在元件名後使用 / 使其自閉合:

當然,這只在字串模版中有效。因為自閉的自定義元素是無效的 html ,瀏覽器原生的解析器也無法識別它。

vue元件命名風格

單檔案元件的檔名應該要麼始終是單詞大寫開頭 pascalcase 要麼始終是橫線連線 kebab case 單詞大寫開頭對於 編輯器的自動補全最為友好,因為這使得我們在 js x 和模板中引用元件的方式盡可能的一致。然而,混用檔案命名方式有的時候會導致大小寫不敏感的檔案系統的問題,這也是橫線連線命名...

VUE學習之元件命名問題

想寫乙個驗證props 屬性的簡單小例子,但寫到元件的時候就出錯了。錯誤 如下 不能再簡單了。問題出在元件名稱 inputview上。網上搜尋到的解釋如下 在dom中直接呼叫元件 上面 就是此種方式 呼叫元件的元素全部會被全部解析為小寫字母,比如會被解析為,然後去匹配元件名,匹配元件名順序是 hel...

學習前端 vue元件 命名路由

有時候我們在定義路由跳轉時,沒必要使用 path。我們可以在定義路由時,附加名稱,這樣我們在使用時,直接使用name 來定義跳轉路由。使用步驟 1 定義路由時要 新增路由名稱 name 屬性。例如 const router new vuerouter 2.使用name,to前加 表示屬性繫結,nam...