1,元件中使用camelCased(駝峰式)命名,在html中應改為kebab-case(短橫線)命名方式。
2,自定義元件的v-model使用
一個元件上的
v-model
預設會利用名為
value
的 prop 和名為
input
的事件,但是像單選框、複選框等類型的輸入控件可能會将
value
特性用于不同的目的。
model
選項可以用來避免這樣的沖突:
- 注意你仍然需要在元件的
選項裡聲明props
這個 prop。checked
3,css作用域
當
<style>
标簽有
scoped
屬性時,它的 CSS 隻作用于目前元件中的元素。