-
v-for循環語句 - Vue3新手基礎教程
v-for 指令需要以 site in sites 形式的特殊語法， sites 是源數據數組并且 site 是數組元素迭代的別名。 v-for 綁定數組 v-for 可以綁定數據到數組來渲染一個列表： <script src="https://unpkg.com/vue@next"></script> <div id=&quo…...- 0
- 0
- 206
-
新手常見的 todo 列表渲染詳細拆解 - Vue3新手基礎教程
代碼 <script src="https://unpkg.com/vue@next"></script> <div id="todo-list-example"> <form v-on:submit.prevent="addNewTodo"> <label for="new…...- 0
- 0
- 276
-
methods方法 - Vue3新手基礎教程
我們可以使用?methods?屬性給 Vue 定義方法，methods?的基本語法： const App = { methods:{ // 在此時定義方法，方法之間使用逗號分隔 //方法名:function(){} } } const app = Vue.createApp(App); app.mount("#app"); 演示 例如在?methods?中定義一個名為?show…...- 0
- 0
- 999
-
reactive - Vue3 composition（組合式）API
reactive()--定義響應式數據 reactive()接受一個對象，包括json數據和數組都可以，返回一個對象的響應式代理（Proxy對象）。 <script src="https://unpkg.com/vue@next"></script> <div id="Application"> </div> …...- 0
- 0
- 59
-
點擊按鈕，切換參數的布爾值真假
核心代碼 bull() { if (this.show) { this.show = false } else { this.show = true } } 演示代碼 <script src="https://unpkg.com/vue@next"></script> <div id="Application"> <…...- 0
- 0
- 65
-
通過element的ColorPicker 顏色選擇器修改文本顏色
知識點： VUE中的樣式綁定CSS的自定義變量 方法： 第一步：html部分 標簽綁定動態style <div :style="{ '--setColor': setColor, '--setBackground': setBackground }" > </div> 第二步： script部分 data設置變量 …...- 0
- 0
- 582
-
￥優惠劵使用時效：無法使用使用時效：
之前
使用時效：永久有效優惠劵ID：×