|
選單
×
×
正確！
練習使用 Vue 指令的簡寫形式，使燈泡在點選按鈕時能夠開啟和關閉。 <div id="app"> <div id="lightDiv"> <div v-show="lightOn"></div> <img src="img_lightBulb.svg"> </div> <button @(6)=" lightOn =! lightOn ">Switch light</button> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { lightOn: false } } }) app.mount('#app') </script>
<div id="app"> <div id="lightDiv"> <div v-show="lightOn"></div> <img src="img_lightBulb.svg"> </div> <button @click=" lightOn =! lightOn ">Switch light</button> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { lightOn: false } } }) app.mount('#app') </script> 不正確點選這裡 重新嘗試。 正確！下一個 ❯ |
這將重置所有 54 個練習的分數。
您確定要繼續嗎？