iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0
Modern Web

我的菜很有Vue味~系列 第 7

Day7 Vue的起手式

  • 分享至 

  • xImage
  •  

現在我們先來看看例子吧!

Vue 的實體是透過 new 這個關鍵字來建立的。

再來我們會在body中第一個div標籤中給一個id,並且在實體中寫入一個el(element的意思),會與html中的id標籤稱呼相同,下方再給個data的物件

el

用來把Vue實體與網頁 DOM 元素做綁定的關鍵實體,當 vue 實體沒有 el 屬性時,就只能透過 vm.$mount()手動編譯。

data

用來存放與實體綁定的資料,當實體建立後,可能過 vm.$data取得 data 內的資料,實體內則是用 this.xxx 取得。在子元件時,需要用 function() 的形式回傳。

除了eldata屬性以外還有很多屬性會在後面的日子做說明

今天就先到這了,我們明天見~


上一篇
Day6 Vue實體的生命週期
下一篇
Day8 Vue Computed vs Method
系列文
我的菜很有Vue味~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言