一、今天繼續昨天的環形元件的編寫，昨天只完成了一個，今天對兩個環形元件進行拼接，由於兩個環形元件的屬性會有很多重複的項，所以考慮了一些方法，考慮到父傳子的模式進行元件傳遞，但是由於對元件掌握水平有限，這種方法還在研究階段，最終還是新建了一個red的元件，然後對兩個進行拼接。

經過這幾天的學習，以下為引入元件的重要三步：

1. import 引入import Red from './pages/Red'

2. Components註冊元件components:{Red},

3. 在template中引入<Red></Red>

這兩個小元件比較相似，不再進行詳細介紹。

<---效果圖

二、在以上的兩個元件之後，又寫了兩個圓環元件，其實這兩個與上兩個圓環元件差不多，但是這兩個元件多了一個內環，並且與外環互不影響，經過查詢文件，訪問部落格，找到了一個解決方法，

在option中有個series屬性，裡面定義環形的變數

遊客來源為外環，再定義一個name為內環的內環，然後可以根據需求修改裡面的屬性，那麼一個坑又出來了，在之前定義環形背景色的時候是在series全域性定義的，這種寫法就導致內環和外環擁有相同的背景色，找資料之旅又開始了...

經過不懈努力，找到了對應的屬性可以改變環的背景色，所以在這裡改變內環的顏色，就需要在定義的內環區域裡寫一個屬性，就是下方的程式碼，類似於內聯樣式，覆蓋了外部定義的color屬性，就可以改變內環顏色了。

這兩個主要研究這兩個環形，裡面屬性還是比較多的。比較麻煩，多總結。