鐵人檔案
在使用vue模板時，雖然使用起來非常便利，但是設計它的初衷是為了簡單的運算。因此，當模板中放入太多的邏輯計算會讓模板過重且難以維護。例如：這時，計算屬性便有了必...
在使用vue物件中，當我們需要定義一些方法時，便是methods屬性表現的機會了，它可以將那些方法保存起來，以供使用，如下:透過範例，可以發現這樣和昨天介紹的c...
儘管在大多數情況下計算屬性就夠使用了，但有時也需要一個自定義的監聽器。它的使用方式如下:在watch中寫入監聽目標的變數，並定義當變數發生改變時，欲執行的函數。...
在這邊我們需要做一個初步的設計，如下:這實例總共分成3部分，這裡依id進行介紹:1.rate_box:最外層的容器，裡面放有show_box、button_bo...
完成網頁的設計後，接下來就是網頁外觀的部分，在這裡就大概做一個簡單的介紹:1.利用rate_box、original、chang這三個類別將計算機顯示框的外觀進...
網頁外觀完成後，接下來才是重頭戲的開始!首先，先建立一個javascript檔，在裡面宣告一個vue物件，在data中的message是用來控制輸入值的變數；c...
從昨天的示範中可以確認到兩個輸入框之間資料的連動。因此，今天要做的是讓按鈕與輸入框的資料產生連動的部分。1.先在vue物件中的methods建立幾個方法:(1)...
在前幾天示範的計算機中，複習了前面提過的事件處理、資料的雙向綁定以及資料的使用，但就是沒有條件渲染與迴圈的部分，因此這裡特別再以一個簡單的示範來讓人熟悉這部分:...
在過去利用echarts生成圖表時，經常需要做繁瑣的數據類型轉化、修改複雜的配置項，但現在只要藉由v-charts，便可輕鬆生成常見的圖表，因為它的數據是一種對...
在v-charts中，能生成的圖表有很多種，因此這裡以常見的幾種作介紹。 折線圖 在生成折線圖時，需要在html中建立一個ve-line物件:這裡將會介紹幾種簡...
