技術 9.Vue-3

(一) v-text:設置標籤的文本內容textContent我們除了可以用兩個大括號{{}}將data值綁定之外，也可用使用v-txet <div id...

技術 21.music-歌曲播放

歌曲播放1.點擊歌曲v-on2.歌曲地址獲取(axios/歌曲id)3.歌曲地址設置(v-bind)4.Audio標籤當我們點擊播放時，audio裡的src會改...

技術 [影片教學] Nuxt 3 渲染模式 (Rendering Modes)

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 客戶端渲染 Client-Side Rendering (C...

技術 23.music-歌曲評論

歌曲評論->點擊播放時同步顯示當前評論->列表結構1.點擊播放2.評論獲取:axios+歌曲id3.渲染:v-for 熱門評論獲取(以下為黑馬程序...

技術 Day03-安裝Vue

安裝 Vue Cli npm install -g @vue/cli 創建 Vue 項目 vue create 自訂義的資料夾名稱 因為一些個人因素，之...

技術 8 .Vue-2

(一)Vue.js 的實體物件: 透過new Vue()或Vue.createApp()得到新物件，並指定變數名稱，透過此物件來掛載在網頁上的某個 DOM 節點...

技術 17.結合Vue+axios

在vue實例方法當中可以透過this訪問data裡面的數據，但獲取網路數據後，vue實例裡面的this不在是同樣的那個因此無法訪問data中的數據，所以我們應該...

技術 【Day 13】Vue與React實現互動效果的事件綁定

前幾天已經了解關於state的存取及更新方式，還有從父層把state透過props的傳遞給子層的方式，今天就讓我們把重點放在怎麼讓頁面能擁有實際的互動功能，也就...

技術 10.Vue-4

(一)v-show: 根據條件的布林值來控制元素的顯示和隱藏，與CSS的display屬性相關聯，但與v-if指令不同，v-show 不會將元素從DOM中移除，...