nd做屬性綁定
v-bind:xxx簡寫成:xxxᒑ
還是使用上一節的例子，由於我們給option綁定value屬性失敗了，因此采用vue屬性綁定的辦法。
也可以簡寫成：
這兩種方式是等價的。
4.9 vue第六式——vue組件開發
根據上麵的章節，我們已經完成了一個簡單的登錄頁麵，但是還有很多美中不足的地方，比如現在的樣式還比較原始。這一節，就讓我們先將“登錄”按鈕優化一下吧。簡單起見，我們就直接在按鈕上寫style樣式就可以了，代碼如下。
圖4-21 運行結果
結果如圖4-21所示。這樣操作自然是可以的，按鈕可以被美化。可是，如果哪天又要改動按鈕的顏色，咋辦？甚至需要製作一個按鈕組。比如，紅色的按鈕用來刪除，藍色的按鈕用來新增，黃色的按鈕用來修改。這一係列的要求是很常見的，我們可以使用vue的相關語法製作一套按鈕組件，以完成這樣的需求，同時也可以大大提升程序的健壯性和可擴展性。
組件也可以成為一種模板，你隻需要照著這個模板把需要的參數傳進去就能得到想要的效果。接下來，讓我們跟著代碼的節奏，一步一步地完成自已的組件製作。
把剛才按鈕的代碼複製一下，寫在vue的components屬性裡麵。components屬性是和data與methods平級的，代表當前vue對象的局部組件。
按鈕的代碼需要放在template裡麵，注意，在複製的時候，裡麵的雙引號需要轉義，轉義的方法是加一個反斜杠“\”，或者直接把裡麵的雙引號改成單引號。
然後，在視圖裡麵就可以直接調用這個組件了，調用的方式就和寫普通的htmL標簽一樣，但是標簽名要和組件名稱保持一致。在這個例子裡麵，標簽名就是coolbtn。下麵把“登錄”按鈕注釋掉，換成我們自已的按鈕組件。代碼如下。
結果發現視圖中並沒有顯示出我們希望看到的按鈕。
圖4-22 運行結果
結果如圖4-22所示，這是什麼原因呢？讓我們再來看一下設置按鈕組件的代碼，給按鈕組件取的名字是coolbtn，這是一種駝峰式的命名法。對於這種駝峰式的命名，在調用組件的時候需要格外注意，每次要換成大寫字母的地方都需要額外添加一個半字線（-），然後大寫字母還是轉變成小寫字母，像這樣。
這一點對於初學者而言要尤其注意，再看一下效果。
圖4-23 運行結果
讓您第一時間享受最新章節，請訪問𝗼𝗼𝗽.𝘁𝘄
結果如圖4-23所示。於是，按鈕就顯示出來了。現在，按鈕的名字還沒有確定，隻是一個默認值。對於一個組件來說，按鈕具體顯示什麼文字應該交給按鈕的調用者決定。因此，需要給按鈕組件添加一個name屬性。注意，我們自定義的組件也是一個組件，與平時經常寫的div、input其實是一樣的。那麼，該如何給自定義組件添加屬性呢？方式也是非常簡單的，隻需要在具體的組件配置項中添加一個props屬性就可以了，props屬性的值是一個數組，數組裡麵存放的就是當前組件可以接收的屬性名稱。講的再直白一點，我們不是要給它添加一個name屬性嗎，那就這樣寫。
下一個問題是傳進來的屬性名為name，這個name該如何插入template中呢？對於input來說，它也是一個組件。我們的coolbtn組件無非就是對input組件做了一次拓展開發而已。input也是組件，那麼它的value就是屬性，vue綁定屬性的方式就是在左邊加一個冒號，於是可以這樣修改template。
總之，value是普通的屬性，：value是受到vue支配的屬性，為了更好地講清楚二者的區別，我們先看一下當前代碼所達到的效果。
果結行運 42-4圖
。eman個一遞傳就們我在現麼那，有沒？嗎了性屬eman遞傳ntblooc給們我，麼那。了起一在定綁性屬eman的部內件組前當和字名的鈕按以所，板模的件組鈕按了改修剛剛們我為因是這。了沒字是但，了來出示顯鈕按，到看以可，示所42-4圖如果結
>ntb-looc/< >"錄登" =eman ntb-looc<
果結行運 52-4圖
？呢麼什生發會又，號冒對一加側左的eman在果如。定綁性屬的euv是不而，性屬的通普是性屬的加添件組ntblooc給們我，意注。字二”錄登“了現出上鈕按，示所52-4圖如果結
>ntb-looc/< >"錄登" =eman: ntb-looc<
。了潰崩接直麵頁，誤錯個一了報果結
：寫樣這者或，eman的號冒帶不用接直以可就，去進串符字個一遞傳要想是隻們我果如。的格嚴很是還euv，點一這。錯報你給接直就，思意好不麼那，到不找果如。量變據數的錄登作叫個一有是不是找尋麵裡atad在認默會它，定綁性屬的euv做性屬eman給望希們我明說就麼那，eman：了成寫們我旦一，單簡很因原？呢麼什為是又這
>ntb-looc/< >"'錄登'" =eman: ntb-looc<
。方地的惑迷到感會常經時euv習學者學初是也它，記牢要別區的者二，之總。的確正是法語的樣這。已而去進量接直個一了寫接直是隻們我但，定綁據數的euv了用是然依，思意的碼代行一這
可全完就麼那，件組euv個一是也件組鈕按的義定自們我，說麼怎管不，的單簡很是這實其。件事擊單的鈕按個這置設何如，題問個一下來迎又但，了決解於終題問的稱名鈕按在現
