Чтобы не прокидывать значение в шаблон, а сразу в JS его задать
https://vueframework.com/docs/v3/ru/ru/api/options-data.html
Там все написано про состояние, почитайте доку)
Но это вроде не отвечает на мой вопрос
тогда сформулируйте вопрос точнее)
<template> <div> <my-component x="42"> </div> </template> <script> import MyComponent from './my-component'; export default { components: { MyComponent, }, }; </script> Могу ли я в части <script> задать свойство x для компонента MyComponent ?
Да, надо обозначить data() {} для этого, я кинул статью выше
Как может помочь data?
либо рендер-функция, либо можно создать объект myComponentProps, в котором перечислить все его пропы, а затем передать их через v-bind=“myComponentProps”
Ты пишешь в нее свое значение, и потом используешь в темплейте) типа :x=«x»
Обсуждают сегодня