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

Александр Логинов-Солоницын

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

  • БЭМ-микс и Vue.js?

    kasheibess
    @kasheibess
    веб уже не тот
    Это банально работает из коробки:
    <div id="app">
  <component1>
    <component2 class="component1__elem" />
  </component1>
</div>

    Методолгия БЭМ просто идеально вписывается в проекты на Vue.
    https://codepen.io/login2030/pen/mdygVRd?editors=1010
    Ответ написан
    Комментировать
    Комментировать

  • Vue js как управлять значением атрибута src если при загрузке страницы оно должно устанавливатсья php скриптом?

    kasheibess
    @kasheibess
    веб уже не тот
    Как вариант можно завести input в котором собрать все данные, которые отдаются через PHP.
    <input type="hidden" id="input-data-to-vue" value='<?= json_encode($data_from_php) ?>'>

    И уже в Vue использовать эти данные
    ...
data() {
  return {
    dataFromPhp: null
  }
}
...
created() {
  this.dataFromPhp = JSON.parse(document.getElementById('input-data-to-vue'));
}
...
    Ответ написан
    Комментировать
    Комментировать

  • Возможно ли совместить однофайловые компоненты vue с кодом php?

    kasheibess
    @kasheibess
    веб уже не тот
    Да забей. Ру комьюнити никогда дружелюбностью не отличалось.
    Я например уже давно не сижу в рускоговорящих тематических чатах в телеге. Помощи не дождёшься толковой, а за какие-то нестандартные эксперименты заклюют и запинают те. Выход-общаться в англоговорящих чатах. Там люди в разы дружелюбнее.

    У меня есть идея, как можно реализовать примерно то, что ты хочешь. Я так понял твоя идея сделать максимально автономный компонент в системе? В общем смысл такой-разбиваешь компонент на файлы:
    php - файл с версткой. В нём ты вызываешь компонент.
    Vue - вёрстка самого компонента
    Stul, css - стили
    Js - скрипты компонента.

    Возникает вопрос, зачем дробить на отдельные файлы? Ответ - для единообразия. по тому, что компонент может например не содержать vue вообще.

    Вообще я этот подход ещё обдумываю сам. Но у меня именно идея php компонентов. Если хочешь, могу прислать код. Напиши мне на почту или в телегу, я тебе пришлю кусок проекта тестового)
    Ответ написан
    4 комментария
    4 комментария

  • Какой js фреймворк лучше выбрать для большого проекта?

    kasheibess
    @kasheibess
    веб уже не тот
    Я бы взял Vue + Vuex. Пробовал и React и Angular, но Vue для меня оказался самый элегантный, простой и гибкий. Есть конечно минусы, но не смертельно)))
    Ответ написан
    Комментировать
    Комментировать

  • Как инициализировать VUE компонет?

    kasheibess
    @kasheibess
    веб уже не тот
    Просто покажу пример при использовании PHP, как можно получить начальные данные без аякса. 

    <?php
$data = json_decode(['name' => 'John']);
?>
<div id="simple-component">
  <simple-component :data-state='<?php echo json_encode($data)?>'></simple-component>
</div>


    Vue.component('simple-component', {
  template: '<div>{{state.name}}</div>',
  props: {
    dataState: {
      type: Object,
      required: true
    },
  data() {
    return {
      state: this.dataState
    };
  }
}
})
new Vue({
  el: '#simple-component',
})
    Ответ написан
    Комментировать
    Комментировать

  • SEO и VueJS - что применить?

    kasheibess
    @kasheibess
    веб уже не тот
    Лично я начинаю с Nuxt. Тем более он же умеет генерировать статику из коробки.
    А пререндеринг - это по большому счету костыль. Но это конечно же моё скромное и никому не интересное мнение)
    Ответ написан
    4 комментария
    4 комментария

  • Есть задачи по Vue.js?

    kasheibess
    @kasheibess
    веб уже не тот
    https://codepen.io/login2030/pen/VrxgPe
    https://codepen.io/login2030/pen/jaxJxO

    Ну и могу подкинуть идею для простецкой CRM по учету статей для сайта) Я сам такую буду писать для себя. Сейчас всё это хранится в гугл докс эксель и там это вести просто неудобно.
    В общем есть список всех сайтов, сайты можно удалять, добавлять, редактировать. У сайта есть информация о том, за сколько его купили, и сколько потратили на статьи. Так же есть информация о том, сколько на нём заработали.
    На странице каждого сайта есть список дохода - в этом списке откуда пришел доход и его количество. И список статей - в этом списке у каждой статьи есть 2 статуса - прошла ли она проверку на плагиат и выложена ли на сайте.
    Внутри статьи есть само поле статьи, изменение её статуса - выложена ли на сайте, изменение статуса по плагиату - прошла или нет и сколько статья стоила
    Так же есть раздел статистики по сайтам - сколько на них потрачено, сколько заработано за день, неделю, месяц, год.
    Если сайт окупился - появляется зеленая галочка на его карточке, если нет - галочки нет.

    Роутинг, идентификация администратора, всё делает Vue на клиенте. Сервер выступает только в роли REST API.

    Это еще предварительный функционал, так сказать, просто как идея для реализации)

    Чтобы не ломать голову над версткой можно воспользоваться чем-то вроде:
    https://vuetifyjs.com/ или https://bootstrap-vue.js.org/
    Ответ написан
    Комментировать
    Комментировать