for vue 一行2列 Vue 實現TAB選項卡

學習 vue 有一段時間了，通過做一些小 demo 來檢測自己的真實水平。vue 採用的面向資料的程式設計方式（mvvm），最開始還總是逃離不開 mvp 的邏輯，總是忍不住去對 dom 進行編碼，即便是網上搜尋用 vue 來實現選項卡，也有很多人是對 dom 進行操作，而不是對資料進行操作，簡直是在用 mvp 來寫 vue 啊！近段時間才開始對 mvvm 頗有體會。以下是使用 vue 來實現選項卡的**示例：

以下是頁面展示圖：

最開始做選項卡時，是為了練下 vue 中的樣式繫結，即通過改變資料來改變樣式。在過程中，遇到不知道如何去修改資料，讓對應的元素可以顯示 acitve 樣式，然後還可以讓對應的 div 可以顯示出來。因為之前總想著去遍歷陣列，對 dom 進行操作。但後來在網上看到乙個示例，即通過 nowindex 這個中間變數，接著通過改變 nowindex 就可以解決上述問題。

這其中的 vue 知識點有：插值表示式、建立子元件、v-show、v-bind、v-on、v-for、vue 中的樣式繫結、父子元件傳值

進一步簡化模版：可以將模版中的邏輯**放在計算屬性中。

只有在做專案練習時，才能對知識點有更好的吸收，以及查漏補缺，即便在當時沒有做出來，也可以帶著問題和思考去學新的知識點，如此就進入了主動學習的模式。我覺得學習從來都不能圖快，就像看書一樣，不能說每天看幾頁，還要對看書的效果有要求，還要帶著問題和思考去看書，最重要的是對於好書還是重複看，而不是說一本接一本快速地看新書。那麼怎麼保證整體的效率而不會進入到「時間莫名流逝」的狀態中呢？比如在程式設計的過程中，在遇到問題後也很容易進入「時間莫名流逝」的狀態，就是還沒有做啥事，幾個小時就過去了。我找到了有效的方法——正確使用清單。

很多人為了更好地去行動而去列清單，將很多要做的事都列在清單上，然後根據感覺（更多的是緊迫感）去制定優先順序，然後大多數人都沒有根據清單去行動，還是過著以往的生活。實際上我們列清單的原始目的是為了按照自己的意願去生活，也就是說認真地制定清單不是為了行動，而是為了實現目標！因為只有實現乙個乙個目標，我們才能過上自己想要的生活。

要先有目標才能制定乙個好的清單！因為在為清單列優先順序時只有乙個標準：那就是能幫助實現目標的事項就是重要事項！其他的在這個時間段都不重要！而所謂的有緊迫感的事項其實大多數都不是真正的緊急事項，比如我們大多數人都有拖延症，以前就有很多感覺緊迫的事項都沒有按時完成，那結果也沒怎麼樣嘛！所以只有重要事項才是需要花大量的精力和時間去投入的，而清單就是為了讓我們的行動和精力都放在重要事項上！有以下幾點建議：

1、制定目標，並且拆解目標到最小的可行動的單位，比如在兩個小時內、在乙個小時內或者半個小時內可以完成的單位，這是為了給每乙個小任務更好的劃分時間，也是為了可以更容易去執行；

2、將每乙個單位任務分別提上日程，在早上選擇某些單位任務，然後分別劃分時間段，這就是需要先估計大概需要多久的完成時間，這麼做的好處是明顯的，到了要做任務的時間後，你不會再思考接下來要做什麼？如果想娛樂，比如看某部電影，趕快告訴自己，做完今天的重要事項後就可以犒勞自己了。

3、在行動中一定會遇到各種各樣的阻礙，將這些阻礙具體寫下來；

4、在晚上總結時，做乙個檢查清單，要診斷問題和分析根源，即一旦遇到什麼問題，可以怎麼樣做，或者你需要調整現有的清單。比如在程式設計時遇到問題，容易進入到「時間莫名流逝」的狀態，那麼你需要為自己做乙個解決問題的流程清單，根據自己容易犯的錯誤去針對性的制定解決方案，比如我總是喜歡亂猜、亂試，所以我在清單上就寫：

1、遇到某個具體問題時，在谷歌搜素具體的問題（防止自己還在亂試，防止自己鑽牛角尖）；

2、做這個 demo 總共只有 30 分鐘的時間（防止自己進入到「時間莫名流逝」的狀態，讓注意力集中在要解決的事情上）；

3、當還沒有解決這個問題時，馬上將問題和當時的解決思路記錄下來，放到以後學到新知識後再解決（帶著問題和思考更好地學習新的知識）；

4、然後按照進度去做接下來的事情（不會阻斷當天的計畫進度）。

還有一點無論是制定目標的數量，或者每天給自己安排事項的數量，都一定要在自己可管理的範圍內，切記貪婪！因為你會發現每天能做的事情並不多，但是如果你能堅持三個月、半年、一年，直到實現目標，我們不僅知道了我們羨慕的、敬佩的成功者的秘密，也真的有了成為成功者的能力。

for vue 一行2列 Vue 實現TAB選項卡

pyspark列合併為一行

sql一列轉一行

一列多行合併一列一行

for vue 一行2列 Vue 實現TAB選項卡

pyspark列合併為一行

sql一列轉一行

一列多行合併一列一行

相關推薦