<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
•254 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 SnippetsHow to Prevent Foreign Key Error in Laravel Migration
2 years ago
How to Delete Whole Collection In Laravel
2 years ago
How to add Google Fonts for Nuxt JS Project
2 years ago
JavaScript uppercase first letter and each word in es6
2 years ago
How to Enable TailwindCSS JIT Compiler
2 years ago
How to Replicate Laravel Model
2 years ago