Alors c'est une question toute bête, et ça concerne Vue3. C'est pour de la syntaxe. Je suis une formation sur Udemy, et le formateur utilise une certaine syntaxe, voir l'exemple :
Code:
<script>
const app = Vue.createApp({
data() {
return {
d: new Date()
}
},
computed: {
dateFR() {
return this.d.toLocaleTimeString()
},
dateUS() {
return this.d.toLocaleTimeString('en-US')
}
}
});
app.mount('#app');
</script>
Mais en fouinant sur le net, je trouve une autre syntaxe. Dans mon exemple, les deux fonctionnent parfaitement, mais je préfère la seconde car je la trouve plus intuitive.
Code:
<script>
const app = Vue.createApp({
data: function() {
return {
d: new Date()
}
},
computed: {
dateFR: function() {
return this.d.toLocaleTimeString()
},
dateUS: function() {
return this.d.toLocaleTimeString('en-US')
}
}
});
app.mount('#app');
</script>
La différence est subtile.
Du coup, je me demandais laquelle de ces 2 syntaxes vous paraissait la plus propre/logique/courante/whatever.
Pourquoi plus intuitive me direz-vous ? Parce que je trouve ça plus clair de bien voir/montrer qu'on a un objet. En regardant un peu Vue2, ça s'en rapproche un peu plus. Je sais pas si je suis clair.
Si besoin, voici le HTML influencé :
Code:
<div id="app">
<p>Heure US : {{dateUS}}</p>
<p>Heure FR : {{dateFR}}</p>
</div>