Skip to main content

Respostas interessantes marcadas com a tag

24 votos
Aceito

Quais as principais diferenças entre Angular, React e Vue.js?

Tópico Angular Vue.js React Rank de popularidade 2 N/A 4 Apreciação 6 N/A 1 Quantidade de posts (SO) 226.473 5.288 37.731 Modelo operacional MVC View View Categoria Framework1 Library Library 1 ...
OnoSendai's user avatar
  • 37mil
13 votos
Aceito

É correto escrever CSS com Javascript?

A ideia de VueJS (creio que seja a mesma do AngularJS) em usar definição de atributos CSS diretamente na TAG dinamicamente tem como objetivo fazer pequenas manipulações no DOM. Eu particularmente não ...
Wallace Vizerra's user avatar
12 votos
Aceito

O que é reatividade no JavaScript?

A maneira que usaste não é reactiva, é tipo pooling, ir procurando por mudanças e isso não escala, ou seja é muito pesado estar a re-ler e comparar valores em intervalos de tempo pequenos. O conceito ...
Sergio's user avatar
  • 135mil
10 votos
Aceito

Qual a diferença entre computed properties e os methods de uma instância do Vue.js?

Num componente Vue temos de ter as coisas organizadas, para isso existem alguns conceitos/parametros a ter em conta e que são a maneira de funcionar de um componente. methods Aqui deves guardar ...
Sergio's user avatar
  • 135mil
10 votos
Aceito

VUE filtro de valor no v-for

Você pode usar o computed para resolver o problema. Assim: new Vue({ el: '#app', data: { meus_valores: [/** **/] }, computed: { meus_valores_filtrados: function (...
Wallace Vizerra's user avatar
10 votos
Aceito

Pegar data atual com Vue

Não entendi porque não pode ser em javascript puro. Afinal, Vue.JS também é em javascript puro, é só usar o código no framework. Você pode criar um array com o nome dos meses e pegar o nome correto ...
fernandosavio's user avatar
9 votos
Aceito

inverter ordem do push

UNSHIFT Se quiser pode usar o método unshift. Se quiser saber mais leia aqui. var nomes = ["João", "Maria", "André", "Marcia"]; nomes.unshift("Luís","Adriano"); console.log(nomes);
LeAndrade's user avatar
  • 9.045
8 votos

Como evitar repetição a escutar mudanças em propriedades de um componente?

this.$watch(vm => [vm.x, vm.y, vm.z].join(), val => { // ... }) Depois de ter escrito a resposta original (em baixo), o criador do Vue.js sugeriu esta maneira (em cima) ainda mais limpa. ...
Sergio's user avatar
  • 135mil
8 votos
Aceito

Como usar async / await em requisição get usando vue+axios?

Caso queira aplicar o async no código do mounted você pode faze-lo da seguinte forma: ... async mounted() { try { let response = await axios.get('http://localhost:8080/wp-json/api/v1/skills'); ...
Sorack's user avatar
  • 26,5mil
7 votos
Aceito

Reaproveitamento/reuso de componente com reatividade no Vue

Componentes servem para serem reaproveitados, não seria necessária a utilização do mixin, que é reaproveitamento de fragmentos de componentes. Você tem dois problemas aí: Mixin injeta valores dentro ...
Pliavi's user avatar
  • 1.007
7 votos

Quais as principais diferenças entre Angular, React e Vue.js?

AngularJS (versão 1) já é obsoleto. É um framework que incluí roteamento, validação de formulários, etc. Usa modelo MVC (Model-View-Controller). Seu sucessor é Angular, que já está na versão 4 (não ...
nbkhope's user avatar
  • 1.370
7 votos
Aceito

Alguém pode me ajudar a corrigir este JavaScript?

Falta vírgula depois de dataType: 'json', Falta um n no ready:function(){ Na linha 21 isto aqui está a mais: }}; O aninhamento correto não dá pra saber, depende do fim do código. Entenda que ...
Largato's user avatar
  • 92,9mil
7 votos

Como utilizar Jquery com Vue.js?

Com v-el é possível "marcar" os elementos html para serem usados dentro de componentes. Também é possível usar diretivas customizadas para fazer essas manipulações. <span v-el:msg>hello</...
vinicius73's user avatar
7 votos
Aceito

O que são e como funcionam slots e "scoped slots" em Vue.js?

De que maneira funciona o <slot></slot> e scoped slots para receber descendência de outro componente e passar props aos elementos descendentes? Quando um componente possui slot(s), é ...
bfavaretto's user avatar
  • 66,3mil
7 votos

Como fazer várias requisições em paralelo no axios?

Basta forneça um array para o método axios.all. Depois utilize o método axios.spread, que converte um array para múltiplos argumentos. $npm install axios axios.all([ axios.get('https://api....
Any Karolyne Galdino's user avatar
7 votos

Transformar array vue em Json

Uma boa abordagem seria criar uma computed property que sempre retorna um objeto do data convertido para JSON. var app = new Vue({ el: '#app', data: { json: { teste: "Valor", ...
fernandosavio's user avatar
7 votos

Qual a diferença do vue para o vue-cli

O vue-cli é uma ferramenta para gerar aplicações/projetos. Correr o vue-cli vai pedir-te para escolheres ferramentas para usar no projecto que o vue-cli vai criar, e dependendo do que escolhes ficas ...
Sergio's user avatar
  • 135mil
7 votos
Aceito

v-for vuejs como carregar com temporizador

Para controlares isso tens de mudar o que o Vue usa para iterar, ou seja cria uma array e vai mudando a array à velocidade que precisas para ter o efeito desejado: var arr = [1, 2, 3, 4, 5, 6, 7, ...
Sergio's user avatar
  • 135mil
6 votos
Aceito

Upload de arquivos com Vue-Resource

Consegui!! Segue alguém precisar: methods: { send() { let data = new FormData(); data.append('file', this.record.file) this.$http.post('test', data); }, ...
Gustavo Bissolli's user avatar
6 votos
Aceito

Ordenar lista com vue

Você começa pela método sort que as arrays têm em JavaScript. Esse método retorna uma função onde você define como comparar um par de valores a e b. Ela deve retornar um valor menor que zero se a for ...
bfavaretto's user avatar
  • 66,3mil
6 votos
Aceito

Erro no filterBy do vue.js

O filtro no v-for foi removido a partir da versão 2.0 do Vue. Você pode utilizar Dados Computados e realizar um filtro: computed: { searchBook() { return this.mySearch ? this.books.filter(...
NoobSaibot's user avatar
  • 9.772
6 votos
Aceito

Busca em array que contém string e number

Como o seu array é composto de string e os números em seguida, você pode fazer da seguinte forma: 1 - Procurar o índice do estado com a função indexOf. 2 - Obter os números seguintes a partir da ...
Leonardo Buta's user avatar
5 votos
Aceito

Começando com Vue.js com experiência de jQuery

O vue.js e jQuery podem ser complementares ou exclusivos dependendo do que queres fazer. Mas em modo geral a resposta é se usas vue.js então não precisas de jQuery. O conceito por trás de bibliotecas ...
Sergio's user avatar
  • 135mil
5 votos

Como consumir API autenticada no Laravel com VueJS?

Não é comum uma API usar autenticação tradicional por session. O que se costuma ter como proteção é um servidor OAuth ou autenticação por JSON Web Token. Caso a forma de autenticação não possa ser ...
Fabio Vedovelli's user avatar
5 votos

Como utilizar Jquery com Vue.js?

Ao fazer o include de jQuery via tag script o objeto jQuery estará automaticamente atrelado ao objeto window, podendo então ser utilizado normalmente dentro de um componente Vue. Basta pegar uma ...
Fabio Vedovelli's user avatar
5 votos
Aceito

Como pegar o valor do el no Vue?

você quer obter o DOM manipulado pelo vue? você pode usar a propriedade $el var appExemplo = new Vue({ el: "#appExemplo", data: { message: 'Hello World!' } }); console.log(...
Tobias Mesquita's user avatar
  • 23,1mil
5 votos
Aceito

Fazer download usando o axios?

Basta criar o arquivo com o Blob e passando o mime type. Depois abra um novo link passando a url encodada. Você também pode utilizar o link criado em itens do tipo a e iframe. axios.get('/server/pdfs')...
Bruno Rigolon's user avatar
5 votos
Aceito

Como verificar se uma String esta codificada em base64?

Podes usar expressão regular para verificar se uma string está codificada em base64 ou não: ^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{4}|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)$ Exemplo: var base64 = /^([A-...
13dev's user avatar
  • 2.429
5 votos

O que são e como funcionam slots e "scoped slots" em Vue.js?

Slots do Vue.js é especialmente para você inserir html extra dentro do componente Exemplo: Esta é a criação de um componente com slots, no exemplo a seguir você tem uma estrutura de modal completa ...
Pedro Soares's user avatar
5 votos
Aceito

VueJS Router-View e Axios

Usa um dos métodos que o vue-router implementa no componente, o beforeRouteEnter. Esses hooks/ ganchos pré defenidos como o beforeRouteEnter são chamados antes da rota ser rederizada, e neste caso ...
Sergio's user avatar
  • 135mil

Only top scored, non community-wiki answers of a minimum length are eligible