Nous savons que dans jsx, vous pouvez attribuer des valeurs à des accessoires comme celui-ci
const props = { a: 1, b: 1, } render() { return ( ) }
En vue, je suis capable de le faire
// ... data() { return { props: { a: 1, b: 1, }, }, },
Mais la différence par rapport à ce qui précède est que my-comp ne reçoit en réalité qu'unsome-props
的 prop, (一个对象属性),而不是像 jsx 那样,获得了a
,b
deux accessoires (propriétés à valeur étendue).
La différence entre les propriétés d'objet et les propriétés développées est que les premières ne sont pas pratiques pour la vérification des accessoires.
Si je veux obtenir le même effet que jsx, j'écrirai comme ça
// ... data() { return { props: { a: 1, b: 1, }, }, },
Écrire comme ça est super ennuyeux car il faut souvent écrire beaucoup d'accessoires.
Alors la question est : est-il possible d'implémenter l'abréviation dans jsx dans vue ?
关注一下,另外,这样呢?
那就在render函数写jsx 不要写template? 逃