Conditional Properties in Vue.js
Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue! In this video, you learn how 🙌 #vuejs3 #vue #typescript --- Links and Resources 🔗 Conditional Properties Issue https://github.com/vuejs/core/issues/8952 https://github.com/vuejs/core/issues/8952 🔗 Vue Playground https://play.vuejs.org/#eNqVVctu2kAU/ZVbL0oS8VDarhxClAeqWlUQJaBWqrtw7As4jGes8ZiAUr6ii276df2S3hk/sMGBdAGauc9z7mP8bF1GUXuRoGVb3diTQaQgRpVEwFw+PXcsFTtWz+FBGAmpYICxQv9acD9QgeAug4kUITTanR2NDto4KzxHIvqCC2R1vjW63LvbSUERBLooDCPmKqQbQNcPFuZAxzetFvz98ws+Doc30Grl4l24nmBCEi0uZOgyxwI3itCVLvdQk8WlIlnnsP/TLFC47S4SxQKuxTpCCdqQsxVk2pILPM2QpyEhiOlGMV+F/v+yD0SWw6QrpX+Q6M73JqwkMObV8HVdtQXX1qeOVdSxzkyoGWouipKmppVe/oary9e1srYYhztp5/7vtn3LPA/kjmQQunJ1MML+Om3VInPrdtIB73ZKY0/XWK2YPs5UyOBZW04CplDaEPAFSnV0euzwtVkdY2k1aYk9wSfBtP0YC06bbrwcyxNhFDCUw0hDokW303ha5zImnj4bmZIJNnO5N0NvXiN/jJda5li3EmOUC+pIoVOunCIR0+r+/cC0plCGwk8YWe9R3mEsWKIxpmZXCfcJdsnOoP1kXpqAT0dxf6mQxzkpDVRbro29Y9Hbcr2H+gbu+/YH40f1pCrWPnH73k2YIkcZeHQdD8b3/RvzlDpcrSKEUpxbKaIYznWqnzkMM2E2NNKHqkGKRjZs5hwjddTXt9R8M35Vn+xRMGe9E8ac+NRkMnvUyEpaiZcHecH3wgZOwy3rXM0m5I4O93FCgQzf7nYBekc0twfee7MapYWgrrzw8djpy24vqp84SRnpZ3qTNQSegXaU2CXhA9FL1zRnC2tdBm1Q8E8NbIiVpCkkxhSvzLigmeXqnMBoph9+wRuK/uW8QPA1UDMqe3fUhHHPIPl+S/sN/aXHEh+7c1yJCZA2PYx7Pza4zipcvg3viigjgjwGGgPkfgzi4RE9pQ0BLuComvItjI/JupCOmzDS0pFBD2Cnwaq5DEHtQUkpnU6dlTAvSVOXLK1SWlVY90yMnTplYbJynXTyRJsJyQWbKTHI8jkxthWdtf4H6SUFbw== 📺 5 Missing Vue.js Features https://www.youtube.com/watch?v=P3dxu0wNLDw 📺 @DejaVueFm #E045 - Formkit and Hot Takes (with Justin Schroeder) https://www.youtube.com/watch?v=vtv6J3KZXaA --- Chaptermarks 00:00 Intro 00:20 What are Conditional Props? 00:41 The existing GitHub issue 01:30 What do we try to achieve? 02:35 Why do we need that? 03:36 Building our conditional props 06:33 The magic trick 07:58 Finishing our example 08:19 Not done yet! - Forcing non-existance 10:15 Building the 2nd component with our knowledge 11:13 More TS magic? Sadly not 13:35 TL;DR
Download
0 formatsNo download links available.