極客時間_Vue開發實戰_05.Vue組件的核心概念(1)：屬性

05.Vue組件的核心概念(1)：屬性

代碼地址：

 

https://github.com/tangjinzhou/geektime-vue-1/blob/master/%E6%BC%94%E7%A4%BADEMO%E6%BA%90%E7%A0%81/src/views/1.1/Props.vue

 

 

 

 

三個核心概念

 

1分44秒

第一種屬性的寫法，平時開發的時候不推薦這麼作，對系統後期的維護是不利的

推薦使用的方式：

這是自定義的校驗

list是一個數組，默認是一個空的數組

isVisible默認是false ，若是你不寫默認值的，vue也會幫你處理的

onChange這裏是一個屬性：

 

使用這個組件

把屬性羅列在這裏

沒有什麼特別的展現效果。只是把咱們父組件傳遞的值羅列在這裏

這裏咱們看到掛載了一個title，這就是原生屬性，默認自動掛載到咱們的根元素

若是你並不想要這個自動掛載的功能

咱們把它設置爲false 就能夠了inheritAttrs:false

 

這樣title就不見了

 

按鈕的事件，不要去這麼作

若是放開這段代碼就會報錯。由於咱們的屬性是一個單行數據流的，不可以在子組件內修改父組件傳遞過來的值

能夠使用回調的方式，可是這不是最好的方式，後續會講到