<template> <post :id="post.id" :title="post.title" :author="post.author" /> <!-- This (↑) is the same as this (↓) --> <post v-bind="post" /> </template> <script> // <post> component definition export default { props: { id: Number, title: String, author: Object } } </script>
Vue Js Use v-bind for Prop Destructuring
Use v-bind as a kind of a “prop destructuring” instead of passing multiple object properties into a component as props
Created on Sep 11, 2021
•205 views
If you like our tutorial, do make sure to support us by being our Patreon or buy us some coffee ☕️
Load comments for Vue Js Use v-bind for Prop Destructuring
PostSrc Code Components
Collection of Tailwind CSS components for everyone to use. Browse all of the components that are right for your project.
View ComponentsSponsors 👑
+ Add YoursOther Code Snippets
All Snippets
How to Add Custom Attribute In Laravel Eloquent
1 year ago

Scroll to Top One-Liner Snippet
11 months ago

How To Add Sitemap.xml To Robots.txt File
1 year ago

How to Install MySQL on macOS Monterey
1 year ago

Make PhpStorm Smarter for Laravel Development
1 year ago

How to Enable Dark Mode Variants in TailwindCSS
1 year ago