天天看點

vue開發小結

1,元件中使用camelCased(駝峰式)命名,在html中應改為kebab-case(短橫線)命名方式。

vue開發小結

2,自定義元件的v-model使用

一個元件上的 

v-model

 預設會利用名為 

value

 的 prop 和名為 

input

 的事件,但是像單選框、複選框等類型的輸入控件可能會将 

value

 特性用于不同的目的。

model

 選項可以用來避免這樣的沖突:

vue開發小結
  • 注意你仍然需要在元件的 

    props

     選項裡聲明 

    checked

     這個 prop。

3,css作用域

當 

<style>

 标簽有 

scoped

 屬性時,它的 CSS 隻作用于目前元件中的元素。