@richard Используйте префикс : и props чтобы передать данные в компонтент на Vue.js, ниже пример кода как пример:
Родительсткий компонент:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<template> <div class="container"> <h1>Тестовый компонент</h1> <child :name="name" /> </div> </template> <script> import Child from '@/components/Child' export default { name: 'Parent', components: { Child }, data: () => ({ name: 'Тест', }), } </script> |
Дочерний компонент:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<template> <div class="wrapper"> <p>Привет {{ name }}</p> </div> </template> <script> export default { name: 'Child', props: { name: { type: String, required: false, default() { return '' }, }, }, } </script> |