คำถามติดแท็ก vue.js

Vue.js เป็นเฟรมเวิร์ก Javascript แบบโอเพนซอร์สและโปรเกรสซีฟสำหรับการสร้างส่วนต่อประสานผู้ใช้ที่มุ่งมั่นที่จะนำมาใช้เพิ่มขึ้น Vue.js ส่วนใหญ่จะใช้สำหรับการพัฒนาส่วนหน้าและต้องมีระดับกลางของ HTML และ CSS คำถามเฉพาะของ Vue.js ควรติดแท็กด้วย [vuejs2] หรือ [vuejs3]

3
มีวิธีการใน Vue ปฏิกิริยาหรือไม่?
ฉันใช้ Vue มาระยะหนึ่งแล้วและประสบการณ์ของฉันก็เป็นวิธีหนึ่งที่จะทำการคำนวณซ้ำหากข้อมูลพื้นฐานของมันได้รับการปรับปรุง ฉันพบข้อมูลที่ขัดแย้งกันใน SO: ฉันพยายามตอบคำถามนี้และได้รับการบอกหลายครั้งว่าไม่เป็นเช่นนั้น คำตอบที่ยอมรับได้ที่นี่ระบุว่า "[วิธีการ] จะได้รับการประเมินเมื่อคุณเรียกอย่างชัดเจนเท่านั้น" ฉันค้นหาเอกสารและฉันไม่เห็นอะไรชัดเจนอย่างเหลือเชื่อ หากพวกมันไม่ได้เกิดปฏิกิริยาทำไมตัวอย่างนี้ถึงใช้งานได้? <ul> <li v-for="animal in animals" :key="animal.id"> <span v-if="isAwesome(animal)">{{ animal.name }}</span> </li> </ul> export default { data() { return { awesomeAnimalIds: [], animals: [ { id: 1, name: 'dog' }, { id: 5, name: 'cat' }, { id: 9, name: …
9 vue.js 

4
เปลี่ยนเส้นทางเมื่อเริ่มต้นด้วย URL เบราว์เซอร์ที่กำหนด
ฉันสร้างแอป Vue ใหม่ด้วยพา ธ พื้นฐาน เนื่องจากแอปถูกฝังลงในแอป Vue อื่นแอปนี้ไม่แสดงผลrouter-viewเมื่อเริ่มต้น หากคุณต้องการทราบเพิ่มเติมเกี่ยวกับวิธีการที่แอปนี้ฝังอยู่ในแอพอื่นหรือไม่โปรดดูที่นี่: เมานต์แอพ Vue ลงในคอนเทนเนอร์ของแอพ Vue หลัก และคำตอบของฉันกับปัญหานี้: https://stackoverflow.com/a/58265830/9945420 router-viewเมื่อเริ่มต้นใบสมัครของฉันมันทำให้ทุกอย่างยกเว้น ฉันต้องการเปลี่ยนเส้นทางเมื่อเริ่มต้นด้วย URL เบราว์เซอร์ที่กำหนด นี่คือการกำหนดค่าเราเตอร์ของฉัน: import Vue from 'vue'; import Router from 'vue-router'; import One from './views/One.vue'; import Two from './views/Two.vue'; Vue.use(Router); const router = new Router({ base: '/my-embedded-app/', mode: 'history', routes: [ { …

1
วิธีการทดสอบหน่วยด้วยความขบขันในองค์ประกอบ vue องค์ประกอบ API?
ฉันกำลังเขียนการทดสอบหน่วยที่มีเรื่องตลกสำหรับองค์ประกอบ API ของฉันใน vue.js. แต่ฉันไม่สามารถเข้าถึงฟังก์ชั่นในการตั้งค่า API ขององค์ประกอบ () Indicator.vue <template> <div class="d-flex flex-column justify-content-center align-content-center"> <ul class="indicator-menu d-flex justify-content-center"> <li v-for="step in steps" :key="step"> <a href="#" @click="updateValue(step)" :class="activeClass(step, current)"> </a> </li> </ul> <div class="indicator-caption d-flex justify-content-center"> step <span> {{ current }}</span> from <span> {{ steps }}</span> </div> </div> </template> <script …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.