iT邦幫忙

2

Day 5 初探Vue.js

  • 分享至 

  • xImage
  •  

昨天學的是SASS/SCSS,專注在美化畫面。今天我們開始學習Vue.js,這是一個可以讓網頁變得會動的前端框架。
建立基本Vue專案
這裡我們先用CDN方式,直接在HTML裡引入Vue
https://ithelp.ithome.com.tw/upload/images/20250920/20169519HhadiSKpQ0.png
{{ message }}:Vue的資料綁定,會把JavaScript中的變數顯示在畫面上。

@click="changeMessage":Vue的事件綁定,點擊按鈕時就會執行changeMessage()。

data():用來定義資料。

methods:放互動的方法。
接下來用瀏覽器打開index.html
https://ithelp.ithome.com.tw/upload/images/20250920/20169519aCoTvq6cG2.png
接著按下點我改變文字的按鈕
https://ithelp.ithome.com.tw/upload/images/20250920/20169519X01Aos4sHu.png
網頁中的文字就會改變了


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言