Мне нужна помощь, чтобы понять основы между представлениями Blade и использованием Vue. JS в комбинации.
У меня есть форма, созданная с помощью шаблона Blade.
Теперь я хочу помочь пользователю в заполнении формы, предварительно заполнив поле «Дата окончания» в зависимости от того, какую продолжительность он выбирает в раскрывающемся списке. Кроме того, если он выбирает «без продолжительности», дата окончания должна быть скрыта и т. Д.
Теперь у меня нет опыта работы с JavaScript. Должно быть возможно делать такие вещи с JQuery, но, насколько я понимаю, Laravel и Vue. JS кажутся хорошей комбинацией. Поэтому я хотел использовать go с ним.
Я не понимаю, как объединить Blade с Vue.
Могу я просто добавить такие вещи, как <p>@{{ message }}</p> в шаблон? Я пробовал это, но где код JavasScript для go? Ввод его в приложение. js дает мне предупреждение:
[Vue warn]: свойство или метод «message» не определены в экземпляре, но на них ссылаются во время рендеринга. Убедитесь, что это свойство является реактивным либо в параметре данных, либо для компонентов на основе классов, инициализировав свойство. См .: https://vuejs.org/v2/guide/reactivity.html#Declaring -Reactive-Properties .
Я читал Vue -Компоненты, но помещение всей формы или ее частей в компонент Blade мешает отображать форму, правильно?
Может быть, вы могли бы помочь мне в правильном направлении. Большое спасибо.