<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
•165 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 Easily Get Image Width and Height in PHP
1 year ago

How to Install MySQL on macOS Monterey
1 year ago

How to Add public_uploads Path in Laravel “filesystems.php” config
1 year ago

How to Update Laravel Model Without Touching Timestamps
1 year ago

How to Customize and Display Laravel Pagination Links
1 year ago

How to Make Laravel Column Mass Assignable
1 year ago