Компонент - это мощная функция Vue, которая позволяет расширять базовые элементы HTML для инкапсуляции повторно используемого кода.
Я пытаюсь понять, как правильно наблюдать за некоторым изменением опоры. У меня есть родительский компонент (файлы .vue), который получает данные от вызова ajax, помещает данные в объект и использует его для визуализации некоторого дочернего компонента с помощью директивы v-for, что ниже упрощения...
В документах VueJs 2.0 я не могу найти никаких хуков, которые бы слушали propsизменения. У VueJs есть такие хуки как onPropsUpdated()или похожие? Обновить Как и предложил @wostex, я попытался сделать watchэто, но ничего не изменилось. Тогда я понял, что у меня есть особый случай: <template>...
Я пытаюсь использовать директиву on click внутри компонента, но она не работает. Когда я щелкаю по компоненту, ничего не происходит, когда я должен получить «проверенный щелчок» в консоли. Я не вижу никаких ошибок в консоли, поэтому я не знаю, что я делаю не так. index.html <!DOCTYPE html>...
Я использую два внешних скрипта для платежных шлюзов. Сейчас оба помещены в index.htmlфайл. Однако я не хочу загружать эти файлы в самом начале. Платежный шлюз нужен только тогда, когда пользователь открывает определенный компонент ( using router-view). Есть ли способ добиться этого?...
Я начинаю играть с vuejs (2.0). Я построил простую страницу с одним компонентом. На странице есть один экземпляр Vue с данными. На этой странице я зарегистрировался и добавил компонент в HTML. Компонент имеет один input[type=text]. Я хочу, чтобы это значение отражалось на родителе (основной...
1. Как я могу установить значение по умолчанию для пропеллера компонента в Vue 2? Например, есть простой moviesкомпонент, который можно использовать следующим образом: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Но, если...
Я только что установил Vue и следовал нескольким руководствам по созданию проекта с использованием шаблона vue-cli webpack. Когда он создает компонент, я замечаю, что он связывает наши данные внутри следующего: export default { name: 'app', data: [] } В то время как в других руководствах я вижу...
Обзор В Vue.js 2.x model.syncбудет объявлен устаревшим . Итак, каков правильный способ взаимодействия между соседними компонентами в Vue.js 2.x ? Задний план Насколько я понимаю, Vue 2.x, предпочтительный метод для связи между братьями и сестрами - использовать хранилище или шину событий . По...
У меня есть компонент с проверкой формы. Это многоэтапная форма оформления заказа. Код ниже предназначен для первого шага. Я хотел бы убедиться, что пользователь ввел текст, сохранил свое имя в глобальном состоянии, а затем отправил его на следующий шаг. Я использую vee-validate и vuex...
У меня динамическое представление: <div id="myview"> <div :is="currentComponent"></div> </div> со связанным экземпляром Vue: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Это позволяет мне динамически изменять свой...
Мой компонент vue выглядит так: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne">...
var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } });