A diferença entre o fluxo de dados do vue e do react é: vue é um sistema de ligação de dados bidirecional responsivo, ou seja, um fluxo de dados de ligação bidirecional. Quando os dados mudam, a visão também muda. os dados também mudam. Eles mudarão de forma síncrona; enquanto o react é um fluxo de dados unidirecional, não há ligação bidirecional e os dados fluem principalmente do componente pai para o componente filho.
O ambiente operacional deste tutorial: sistema Windows 10, react versão 17.0.1, computador Dell G3.
Vue é uma estrutura progressiva para construção de interfaces de usuário. Diferente de outras estruturas pesadas, o Vue adota um design de desenvolvimento incremental de baixo para cima. Sua biblioteca principal concentra-se apenas na camada de visualização e é muito fácil de aprender e integrar com outras bibliotecas ou projetos existentes. O Vue, por outro lado, é totalmente capaz de conduzir aplicativos complexos de página única desenvolvidos usando componentes de arquivo único e bibliotecas suportadas pelo ecossistema Vue.
ReactJS é um conjunto de bibliotecas da web JavaScript construídas pelo Facebook e usadas principalmente para construir interfaces de usuário responsivas e de alto desempenho. React resolve um problema comum enfrentado por outros frameworks JavaScript, que é o processamento de grandes conjuntos de dados. Sendo capaz de usar um DOM virtual e usar o mecanismo de instalação de patch para renderizar novamente apenas as partes sujas do DOM quando ocorrem alterações, o React é capaz de atingir um desempenho muito mais rápido do que outros frameworks.
Vue é um sistema de vinculação de dados bidirecional responsivo, enquanto react é um fluxo de dados unidirecional sem vinculação bidirecional.
O que é vinculação de dados bidirecional?
Ligação bidirecional entre modelo de dados e visualização.
Quando os dados mudam, a visão também muda. Quando a visão muda, os dados também mudam de forma síncrona. Pode-se dizer que as modificações do usuário na visão serão sincronizadas automaticamente com o modelo de dados, e o mesmo se aplica aos dados. mudança de modelo.
Vantagens da vinculação de dados bidirecional: Não há necessidade de executar operações CRUD (Criar, Recuperar, Atualizar, Excluir), como a vinculação de dados unidirecional é mais comumente usada em formulários, para que quando o usuário conclua. entrada na página front-end, sem nenhuma operação, já obtivemos os dados inseridos pelo usuário e os colocamos no modelo de dados.
React é um fluxo de dados unidirecional, os dados são passados principalmente de nós pais para nós filhos (por meio de adereços).
Se um dos adereços de nível superior (pai) mudar, o React renderizará novamente todos os nós filhos.
No React, os dados fluem apenas em uma direção, do componente pai para o componente filho. Se os dados forem compartilhados entre componentes filhos irmãos, os dados deverão ser armazenados no componente pai e passados para ambos os componentes filhos que precisam dos dados.
Amplie seu conhecimento:
A principal diferença entre vue e reagir
2. A sintaxe do vue é relativamente simples e adequada para a criação de pequenos projetos, enquanto o react é mais adequado para o desenvolvimento de aplicativos web e nativos, com foco em aplicações de grande escala.
3. Vue tem velocidade de renderização mais rápida e tamanho menor, enquanto o react tem um ecossistema maior e pode trazer mais suporte a ferramentas.
3. Diferenças nos métodos de renderização de modelos
Superficialmente, a sintaxe dos modelos é diferente, o React renderiza modelos por meio de JSX. O Vue é renderizado por meio de uma sintaxe HTML estendida, mas na verdade esse é apenas um fenômeno superficial. Afinal, o React não precisa depender de JSX.
Em um nível profundo, os princípios dos modelos são diferentes. Esta é a diferença essencial: o React implementa sintaxe comum em modelos por meio de JS nativo no código JS do componente, como interpolação, condições, loops, etc., todos implementados por meio de JS. sintaxe, mais pura e mais original. O Vue é implementado por meio de instruções em um modelo separado do código JS do componente. Por exemplo, instruções condicionais requerem v-if para conseguir isso.
Por exemplo, para ilustrar os benefícios do React: a função render no React suporta o recurso de encerramento, portanto, os componentes que importamos podem ser chamados diretamente no render. Mas no Vue, como os dados usados no template devem ser pendurados nele para transferência, depois de importarmos um componente, precisamos declará-lo novamente nos componentes. Isso é obviamente muito estranho, mas precisa ser feito.