изменять и в родительском компоненте и в дочернем свободно?
<!-- ParentComponent.vue --> <template> <div> <ChildComponent :myProp="parentProp" /> </div> </template> <script> import ChildComponent from './ChildComponent.vue'; export default { components: { ChildComponent }, data() { return { parentProp: 'Значение из родителя' }; } }; </script> <!-- ChildComponent.vue --> <template> <div> <p>{{ myProp }}</p> <button @click="updateProp">Изменить проп</button> </div> </template> <script> export default { props: ['myProp'], methods: { updateProp() { // Изменение пропа в дочернем компоненте this.$emit('update:myProp', 'Новое значение из дочернего компонента'); } } }; </script>
Обсуждают сегодня