最近看了很多Vue.js的學習資料，由於僅僅停留在看上，這對萌新的提升顯然是不利的，恰好剛折騰了兩天Atom，又受各位大佬推薦vscode，所以正好來個雙重實踐！

為嘛會選擇寫個計算器？主要還是因為學Vue到現在最直觀的感受就是雙向綁定，寫個XXX，綁定區域就顯示XXX，感覺和計算器很配啊，當然還有次要的一點，我現在實際上是個賣石榴的，雖然石榴沒有賣出去多少，但寫個計算器然後用自己寫的計算器算下賬也是一種成就感啊！

石榴

言歸正傳，萌新要開始邊寫代碼邊寫文章了，看我能寫到什麼程度。

1、先來個構思，搞個框架，首先想來會用到Vue，jQuery，bootstrap，然後沒了，有的話再補充。

<!– 這是整個計算器 –>

<div id=”calculator”>

<!– 這是計算器的名字header –>

<div class=”header”>

</div>

<!– 這是計算器的顯示屏幕 –>

<div class=”screen”>

</div>

<!– 這是計算器的按鍵部分–>

<div class=”key”>

</div>

</div>

2、我得把它搞得像個計算器的樣子吧

隨便寫寫，將就看吧

真實樣子是這樣的

哈哈，是不是很醜，但萌新水平就是這樣的，不準笑！額，不對，居然沒寫“=”號

給她加個大點的“=”號

然後然後應該開始寫邏輯了，但該從哪裡入手，請容萌新思考一番……..

三小時後

萌新的腦袋已經爆炸了，請容我先整理一下頭緒……

萌新是這樣想的，通過點擊button綁定v-on:get（e）來獲取每個按鈕的值

然後將每個按鈕的值+num自身，然後賦給num返回

按R重置到時比較簡單

然後現在點擊之後就是這個樣子

但是但是，這個玩意兒是一串字符串啊，它並不是數字，怎麼可以做算術運算了？正如性別不同怎麼談戀愛啊？

我轉念一想，它要不是字符串而是數字，我點一下5，再點一下6，那我該如何把它連起來變成56？想來想去我還是要把它變成字符串來操作！（希望這不是一個可笑的思維，要是真的可笑你們悄悄提醒我，別笑出聲）

於是到這裡萌新的思維開始分裂了

1、我乾脆把這個字符串一直進行下去，等到點擊“=”號的時候，再把字符串通過“+”、“-”這些來分割或者用正則（不知道正則有沒有這個功能），然後把它轉換成數字來進行運算。

感覺這樣做的話邏輯上不複雜，但講道理，計算器我點個5+6它應該直接給我一個11，我點個56它應該直接給我一個56，而我這個方法點5+6就會得到一個5+6，估計連計算器都要鄙視我了……

2、要做一個勉強配得上計算器這3個字的程序，那我應該在點擊“+”這些按鈕的時候做出反應，將前面的字符串轉變為數字（float），然後再連上這個算術運算符

變成比如 num+

然後我再點擊數字的話，我是不是該再來一個num1來存放它，等我再點擊“+”、“=”這些的時候就直接做運算？

我頓時又想到萬一我是這樣點的 5+3*，這樣的話我就不該先做運算了，小學老師告訴我們要先乘除後加減，於是乎我感覺我又要寫一堆

if(我點的*&&/){

那我就不做運算，還要再準備一個num2來接受下面的數字

}else if(如果我點的是=){

那我就做運算}else{

我還是要做運算}

這樣一來，本萌新就不知道要有多少個num了？於是萌新的頭暈了

更悲慘的是我突然意識到，要是我開始就很2B的去點了“=”、“+”、“*”這些玩意兒，那又該是一副什麼樣悲慘世界啊，於是本萌新的頭直接炸了

仔細想來本萌新還是太渣，讓各位大佬賤笑了，容我休養一天繼續奮戰吧