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 ...
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 ...
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 ...
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 ...
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 (...
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 ...
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);
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.
...
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');
...
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 ...
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 ...
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 ...
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</...
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), é ...
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....
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",
...
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 ...
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, ...
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);
},
...
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 ...
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(...
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 ...
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 ...
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 ...
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 ...
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(...
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')...
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-...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
vue.js × 765javascript × 360
vue.js-2 × 70
laravel × 52
html × 45
axios × 42
node.js × 39
vuetify × 39
php × 27
vue-router × 27
css × 23
vuex × 22
json × 21
front-end × 20
webpack × 19
jquery × 18
laravel-5 × 16
quasar × 15
array × 14
componentes × 13
html5 × 10
api × 9
electron × 9
react × 8
firebase × 8