我要悄悄的學Vue，然後找乙份工作先 4

學習vue的第四天， 這篇部落格主要用來記錄一下 v-model 基於form表單的一些操作.

文章記錄了關於v-model表單的基本操作，包括基本使用， v-model的原理解析， 繫結radio, checkbox, select ， 動態生成值以及修飾器，最後自己寫了乙個記事本的小案例.

課後作業: 記事本的實現:

表單控制項v-model的使用

v-model 最優秀的乙個點， 是實現了和vue例項中的data的雙向繫結， 

不管是更新data裡面的值， 還是更新 v-model管理的值，他們都會相適應的變化,
第乙個使用這個方法的時候， 確實佩服尤大的設計思想， 很強!
## v-model 實際上就是一種將input/textarea裡面的值(包括文字域， 布林值)和vue例項中的data資料
進行相對於的繫結更新的工具罷了.
所以在一些input標籤中， 我們需要給出value的預設值(比如radio, checkbox) ##

1. v-model 的基本使用:

const vm = new vue(

}})這樣，當我們修改input裡面的值的時候，因為繫結了v-model屬性
所以this.message 會改變， 進而h2標籤裡值也會更改

!!! v-modle 可以使用在任何的input標籤， 同時還是可以使用在 textarea 文字域裡面2. v-modle 的原理:

首先想一下， 值會什麼會變化？  因為值是動態的， 那vue怎麼實現乙個動態的值呢?

使用 v-bind:value  簡寫為 :value不就可以了， 在data裡面建立乙個當前message， 
用來記錄每次輸入的值, 這樣就先實現了值的動態， 對於怎麼更新這個message， 我們需要監聽input中
的input事件， @input="this.message = $event.target.value"  
在input事件中， 裡面的target中存在值value， 然後更新上去就完事了.
getv(event)

3. v-model繫結radio

前面說了， v-model 可以繫結任何input事件, 包括radio事件

男:女:
const vm = new vue(
},})當我們更改選擇的時候， ***也會從男變女， 從女變男.

4. v-model繫結checkbox

是否同意:  // 預設是false

下一步const vm = new vue(
},})當我們更改選擇的時候 isagree 從false變化到true 進而解鎖button
愛好選擇:
足球籃球
桌球羽毛球const vm = new vue(
},})當我們進行選擇的時候， 選入那些值， 就會動態的新增到hobbies陣列裡面， 
刪除也會自動從陣列裡面刪除

5. v-model繫結select

香蕉蘋果

葡萄橘子
香蕉蘋果
葡萄橘子
const vm = new vue(
},})不同於 checkbox v-model 需要載入到 select 裡面

6. v-model 的動態值生成以及獲取

上訴checkbox 和 select 裡面的值都是寫死的， 

實際上應該不是這樣的， 選項也應該是動態的
} const vm = new vue(
},})我們通過遍歷 oringnhobbies陣列， 生成了這些checkbox， 然後把值動態的繫結到另外乙個陣列裡面
這裡就把值寫活了.

7. v-model的修飾器使用

} -->

} -->
} -->

課後作業: 記事本的實現:

記事本的實現:

文章記錄了關於v-model表單的基本操作，包括基本使用， v-model的原理解析， 繫結radio, checkbox, select ， 動態生成值以及修飾器，最後自己寫了乙個記事本的小案例.

我要悄悄的學Vue, 然後找乙份工作 5

學習vue的第五天，面對元件，這個確實要花一點時間去思考，我所理解的元件就是將大的部分化解成小的部分，逐步拆解，甚至復用，這就好比樂高積木一樣，大的機械人可以拆解分為多個部分，比如四肢和軀幹，那你也可以把四肢安裝到其他機械人的身上，這就是元件的思想 拆解復用.這篇部落格總結一下使用元件的過程可能會遇...

我要悄悄的學Vue，然後找乙份工作先 3

這是學習vue的第三天，很快的，不知道是不是我覺得這個vue的語法 感覺很像django的模板語法一樣，個人感覺很舒服，都可以直接套過來使用就行了.條件判斷 vue裡面也有條件判斷，這看起來和其他的框架語言是一致的.v if v if 表示式 布林值 如果表示式計算為true,那麼dom就會將這個標...

請允許我悄悄的愛你，好嗎？

你是一曲婉轉的夜曲，我只是其中低沉的旁奏 你是一條明媚活潑的小溪，我只是岸邊一顆懷著心事的卵石 你是月光下盛開的玫瑰，披著銀色純潔的光輝，我只是那一片沾著泥土的綠葉。我就在離你不遠的地方，含著深邃的愛意把你凝望，不敢驚擾你瑰色的夢。我美麗的天使，當你的倩影像流雲偶爾投影在身旁，當你風鈴般清脆的笑聲像...