No Vue.js
temos como inserir dados em componentes por meio de props
da seguinte forma.
const hello = {
template: '<div>{{ message }}',
props: ['message']
};
new Vue({
el: '#app',
data: {
message: 'Pt Stackoverflow',
},
components: {
hello,
}
});
Lendo a documentação mais a fundo me deparei com propsData
que de acordo com a documentação:
Passa props a uma instância durante a sua criação. A intenção disso é primariamente tornar testes unitários mais fáceis.
Sou novo no Vue.js
então não sou expert em testes de componentes, onde de acordo com o texto acima seria um exemplo de caso de uso dessa estratégia.
Alguém poderia me explicar de forma que eu entenda a diferença entre as duas e se possível um exemplo do uso de propsData
?