@rusrich

Что не так — не работают пропсы в связке VUE + Ruby on Rails?

Не получается передать пропсы в VUE.
В консоли vue получаю:
props:
    message: undefined

// views:
<div id="rails" class="container" data-behavior="vue">
  <app :message="<%= "Any text".to_json %>"></app>
</div>


// application.js
import Vue from 'vue'
import App from '../app.vue'

document.addEventListener('DOMContentLoaded', () => {
  const el = document.body.appendChild(document.createElement('application'))
  const app = new Vue({
  el: '[data-behavior="vue"]',
    render: h => h(App, 'app')
  })
})


// app.vue
<template>
  <div id="app">
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: ['message'],
}
</script>

<style scoped>
p {
  font-size: 2em;
  text-align: center;
}
</style>


Все что смог найти в интернете делают примерно так, только, используя turbolinks.
С турболинкс у меня не отображается компонент root и app, при этом консоль ошибки не выдает.

Где я допускаю ошибку?
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
iGooods.ru Санкт-Петербург
от 120 000 до 180 000 ₽
SberMarket Москва
До 220 000 ₽
Frogogo Москва
от 100 000 ₽
19 февр. 2020, в 04:53
2000 руб./за проект
19 февр. 2020, в 02:24
500 руб./за проект
18 февр. 2020, в 23:53
8000 руб./за проект