Estou tentando entender como observar corretamente algumas variações de objetos. Eu tenho um componente pai (arquivos .vue) que recebe dados de uma chamada ajax, coloca os dados dentro de um objeto e os usa para renderizar algum componente filho através de uma diretiva v-for, abaixo de uma...
Nos documentos do VueJs 2.0, não consigo encontrar nenhum gancho que ouça as propsalterações. Os VueJs têm ganchos semelhantes onPropsUpdated()ou semelhantes? Atualizar Como o @wostex sugeriu, tentei watchminha propriedade, mas nada mudou. Então percebi que tenho um caso
Estou tentando usar a diretiva on click dentro de um componente, mas ele não parece funcionar. Quando clico no componente, nada acontece quando devo receber um 'teste clicado' no console. Não vejo nenhum erro no console, então não sei o que estou fazendo de errado. index.html <!DOCTYPE...
Estou começando a jogar com o vuejs (2.0). Criei uma página simples com um componente. A página possui uma instância do Vue com dados. Nessa página, registrei e adicionei o componente ao html. O componente tem um input[type=text]. Quero que esse valor reflita no pai (instância principal do...
Eu tenho que usar dois scripts externos para os gateways de pagamento. No momento, ambos são colocados no index.htmlarquivo. No entanto, não quero carregar esses arquivos no início. O gateway de pagamento é necessário apenas quando o usuário abre um componente específico ( using...
1. Como posso definir o valor padrão para um suporte de componente no Vue 2? Por exemplo, há um moviescomponente simples que pode ser usado desta maneira: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Mas, se um...
Acabei de instalar o Vue e tenho seguido alguns tutoriais para criar um projeto usando o modelo de webpack vue-cli. Quando ele cria o componente, percebo que ele vincula nossos dados dentro do seguinte: export default { name: 'app', data: [] } Considerando que, em outros tutoriais, vejo dados...
Visão geral No Vue.js 2.x, model.syncserá preterido . Então, qual é a maneira adequada de se comunicar entre componentes irmãos no Vue.js 2.x ? fundo Pelo que entendi Vue 2.x, o método preferido para comunicação entre irmãos é usar uma loja ou um barramento de evento . De acordo com Evan...
Eu tenho um componente com alguma validação de formulário. É um formulário de verificação de várias etapas. O código abaixo é para a primeira etapa. Eu gostaria de validar se o usuário inseriu algum texto, armazenar seu nome no estado global e então enviar para a próxima etapa. Estou usando...
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;
Tenho uma visão dinâmica: <div id="myview"> <div :is="currentComponent"></div> </div> com uma instância Vue associada: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Isso me permite alterar meu componente...
Meu componente vue é assim: <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"