За последние 24 часа нас посетили 16769 программистов и 1603 робота. Сейчас ищут 1352 программиста ...

VUE JS

Тема в разделе "JavaScript и AJAX", создана пользователем askanim, 24 ноя 2017.

  1. askanim

    askanim Старожил

    С нами с:
    7 апр 2016
    Сообщения:
    2.201
    Симпатии:
    166
    Адрес:
    GABRIEL
    Я знаю что с вуе можно работать через веб пак и собирать html странички.
    А как с ним нормально работать когда подгружаешь его не развёртыванием а ссылкой на vue.js
    как без веб пака подключить html через js и как это это всё встроить в компонент на vue кто знает?
     
  2. romach

    romach Старожил

    С нами с:
    26 окт 2013
    Сообщения:
    2.904
    Симпатии:
    719
    Вот хз даже, vue пользовался, без webpack`а - нет. С ним удобнее, т.к. он соберет тебе в кучу и сам vue и пакеты и компоненты твоего приложения.

    Встречный вопрос: а зачем?

    https://jsfiddle.net/44cgwu4h/
     
  3. askanim

    askanim Старожил

    С нами с:
    7 апр 2016
    Сообщения:
    2.201
    Симпатии:
    166
    Адрес:
    GABRIEL
    @romach не ты не понял вот к примеру
    Код (Javascript):
    1. const NotFound = { template: '<p>Страница не найдена</p>' }
    2. const Home = { template: 'вот грузится напрмиер этот урл как мне например отследить что именно этот урл и как мне встроить в него тот html который я хочу, просто нет возможности ставить ноду и т.д надо приучить работать вуе с моим двигом. А для этого мне нужно сюда совать только те шаблоны которые соответствуют подаваемой ссылки. И не грузить разово все шаблоны. .' }
    3. const About = { template: '<p>о нас</p>' }
    4.  
    5.  
    6. const routes = {
    7.   '/': Home,
    8.   '/about': About
    9. }
    10. new Vue({
    11.   el: '#app',
    12.   data: {
    13.     currentRoute: window.location.pathname
    14.   },
    15.   computed: {
    16.     ViewComponent () {
    17.       return routes[this.currentRoute] || NotFound
    18.     }
    19.   },
    20.   render (h) { return h(this.ViewComponent) }
    21. })
    --- Добавлено ---
    как короче мне подгрузить компонент в котором могут быть js скрипты
    --- Добавлено ---
    или vue так не могёт
    --- Добавлено ---
    а задача такая если урл совпал с юрлом в базе данных сделать запросы к серверу получить данные вывести данные. Я уже думаю плюнуть на vue самому спарсить на js url сделать ajax запрос к базе по существующим url если совпадает то сделать запрос для получения модулей для тек страницы получить данные вывести их на экран по определённому шаблону. Алгоритм таков. На vue я могу так сделать?
     
  4. romach

    romach Старожил

    С нами с:
    26 окт 2013
    Сообщения:
    2.904
    Симпатии:
    719
    Код (Javascript):
    1. { template: '', props: {}, data: {}, computed: {}, created() {} }
    ну и далее по списку )
     
  5. askanim

    askanim Старожил

    С нами с:
    7 апр 2016
    Сообщения:
    2.201
    Симпатии:
    166
    Адрес:
    GABRIEL
    @romach чего по списку ?
     
  6. romach

    romach Старожил

    С нами с:
    26 окт 2013
    Сообщения:
    2.904
    Симпатии:
    719
    const Home - это и есть компонент, просто в примере у него присутствует только свойство template. Хочешь их загружать отдельно? Ну дык это тот же самый js, ничего нового:
    Код (Javascript):
    1. var head = document.getElementByTagName('head')[0],
    2.     script = document.createElement('script');
    3. script.src = 'myscript.js';
    4. head.appendChild(script);
    --- Добавлено ---
    Чувак, не стоит подходить к vue как к продвинутой версии jquery. Эта штука, вместе с vue-router и vuex делает полноценные веб-приложения. Ты же просто потонешь в костылях с таким подходом, хотя хз, если подумать то можно, только я не понимаю зачем )
    --- Добавлено ---
    Для отдельных небольших компонент без внутренней связи лучше зайдет читстый reactjs, имхо.
     
  7. askanim

    askanim Старожил

    С нами с:
    7 апр 2016
    Сообщения:
    2.201
    Симпатии:
    166
    Адрес:
    GABRIEL
    короче в баню нету времени разгребать :D сайт надо запилить думал всё сложится по быстрому а тут хрен ) Надо углубляться а времени не хватает :D
    --- Добавлено ---
    хотел движок на vue просто перенести за пару тройку дней но походу не получится
    --- Добавлено ---
    это надо более серьёзно подходить к этому вопросу
     
    MouseZver нравится это.
  8. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.589
    Симпатии:
    1.763
    Вообще, если серьёзно использовать vue, то надо вебпаком собирают все компоненты сразу. Если по мелочи, можно их прописывать прямо в html https://vuejs.org/v2/guide/components.html#X-Templates

    А так, в доках vue написано, что его можно использовать как вспомогательный, а не как основной, и я так делал, совместно с jQuery, наряду с традиционным js-кодом была на vue сделана только корзина товаров, оказалось удобным