01:實用至上主義學VUE3 - 單擊計數器

現在,你是一名高級前端開發。接到一個業務需求如下:

但是你最近在學 VUE3 ,於是,你想研究下,看看是原生 JS 好用,還是 VUE3 更適合。

流程

原生 JS 實現

代碼如下

<button onclick="myClick()">單擊我</button>
<span id="clickCount">0</span>次
<script>
let count = 0; // 初始化計數器為0
const clickCount = document.getElementById("clickCount"); // 獲取顯示次數的元素
function myClick() {
count++; // 每次單擊計數器加1
clickCount.innerHTML = count; // 將計數器的值顯示在頁面上
}
</script>

赞(0)