Задать вопрос

D3lphi

Ответы пользователя по тегу Vue.js

  • Как разместить несколько компонентов по одному маршруту (Vue)?

    @D3lphi
    Вложенные пути
    Ответ написан
    Комментировать
    Комментировать

  • Как в vue.js передать массив в компонент?

    @D3lphi 
    <example :arr="['first, 'second', 'third']"></example>
    Ответ написан
    Комментировать
    Комментировать

  • Как в laravel работает защита csrf при запросах(axios + vue.js)?

    @D3lphi
    Без сборщика тут не обойтись. Laravel mix используйте, если не желаете конфигурировать webpack самостоятельно.
    Установите зависимости при помощи команды npm install. Затем попросту выполните npm run dev. Mix все сделает самостоятельно, он обработает все импорты и require, странспайлирует код из es6 в поддерживаемый браузерами js и соберёт все в один файл. Но этот код у вас уже собран и лежит в файле public/js/app.min.js.

    Как в laravel работает защита csrf при запросах(axios + vue.js)?

    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;

    Вот эта строчка устанавливает заголовок, который axios будет добавлять к каждому запросу (значение токена вытаскивается из мета-тега). Laravel умеет использовать этот заголовок.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как передать в компонент Vue JS данные из PHP?

    @D3lphi
    Да все достаточно просто:

    <template>
    <div>
        <!-- Вызываем вычисляемое свойство -->
        {{ decodedData }}
    <div>
</template>

<script>
export default {
    // Входной параметр, через который компонент будет принимать данные в JSON представление.
    props: ['dataFromPhp '],
    computed: {
        // Вычисляемое свойство, которое будет преобразовывать данные из JSON в объект js.
        decodedData() {
            return JSON.parse(this.dataFromPhp );
        }
    }
}
</script>


    Код, в котором используется этот компонент:
    <example-component data-from-php="<?= json_encode($data) ?>"></example-component>
    Ответ написан
    1 комментарий
    1 комментарий

  • Как создается SPA приложение с нуля по этапам, на примере Vue?

    @D3lphi
    Само SPA приложение делится на 2 основные части:
    1. Frontend - верстка, логика на vuejs, роутинг (vue-router).
    2. Backend - по сути, API к которому Frontend делает асинхронные запросы, получает данные и меняет представление соответствующим образом.


    Эти 2 составляющие пишутся отдельно (От слова "вообще").
    Ответ написан
    Комментировать
    Комментировать

  • Как взаимодействует flask и vue-router?

    @D3lphi
    Независимо от того, используете вы flask или любой другой фреймворк или пишите без оного, spa приложение принято разделять на 2 независимые части: frontend и backend. Первое - это html css и js (vue, vue-router), а второе - сама серверная логика. Данные следует получать при помощи асинхронных(ajax) запросов к backend. То есть, backend, в данном случае выступает как независимый api.

    Например, вы хотите написать hello world, получив данные с сервера.
    • Создаете роут с путем /example во vue-router.
    • В flask'е создаете такой же роут и обработчик для него, который будет возвращать данные в формате json.
    • Посылаете ajax-запрос через js (Например, с использованием http-клиента axios, он наиболее популярен), принимаете данные, выводите.
    Ответ написан
    14 комментариев
    14 комментариев