昨天學的是SASS/SCSS,專注在美化畫面。今天我們開始學習Vue.js,這是一個可以讓網頁變得會動的前端框架。
建立基本Vue專案
這裡我們先用CDN方式,直接在HTML裡引入Vue
{{ message }}:Vue的資料綁定,會把JavaScript中的變數顯示在畫面上。
@click="changeMessage":Vue的事件綁定,點擊按鈕時就會執行changeMessage()。
data():用來定義資料。
methods:放互動的方法。
接下來用瀏覽器打開index.html
接著按下點我改變文字的按鈕
網頁中的文字就會改變了