ÀÖÓãµç¾º

½ÌÓýÐÐÒµA¹ÉIPOµÚÒ»¹É£¨¹ÉƱ´úÂë 003032£©

È«¹ú×Éѯ/ͶËßÈÈÏߣº400-618-4000

VuexµÄ5¸öºËÐÄÊôÐÔÊÇʲô?

¸üÐÂʱ¼ä:2022Äê07ÔÂ11ÈÕ11ʱ30·Ö À´Ô´:ÀÖÓãµç¾º ä¯ÀÀ´ÎÊý:

ºÃ¿Ú±®ITÅàѵ

¡¡¡¡VuexµÄ5¸öºËÐÄÊôÐÔ·Ö±ðÊÇ State¡¢ Getter¡¢Mutation ¡¢Action¡¢Module¡£

¡¡¡¡1)state

¡¡¡¡state Ϊµ¥Ò»×´Ì¬Ê÷£¬ÔÚ state ÖÐÐèÒª¶¨ÒåÎÒÃÇËùÐèÒª¹ÜÀíµÄÊý×é¡¢¶ÔÏó¡¢×Ö·û´®µÈµÈ£¬Ö»ÓÐÔÚÕâÀﶨÒåÁË£¬ÔÚ Vue.js µÄ×é¼þÖвÅÄÜ»ñÈ¡Ä㶨ÒåµÄÕâ¸ö¶ÔÏóµÄ״̬¡£

¡¡¡¡2)getter

¡¡¡¡getter ÓеãÀàËÆ Vue.js µÄ¼ÆËãÊôÐÔ£¬µ±ÎÒÃÇÐèÒª´Ó store µÄ stateÖÐÅÉÉú³öһЩ״̬£¬ÄÇôÎÒÃǾÍÐèҪʹÓà getter£¬getter »á½ÓÊÕ state ×÷ΪµÚÒ»¸ö²ÎÊý£¬¶øÇÒ getter µÄ·µ»ØÖµ»á¸ù¾ÝËüµÄÒÀÀµ±»»º´æÆðÀ´£¬Ö»ÓÐ getter ÖеÄÒÀÀµÖµ(state ÖеÄij¸öÐèÒªÅÉÉú״̬µÄÖµ)·¢Éú¸Ä±äµÄʱºò²Å»á±»ÖØÐ¼ÆËã¡£

¡¡¡¡3)mutation

¡¡¡¡¸ü¸Ä store ÖÐ state ״̬µÄΨһ·½·¨¾ÍÊÇÌá½» mutation£¬¾ÍºÜÀàËÆÊ¼þ¡£Ã¿¸ö mutation ¶¼ÓÐÒ»¸ö×Ö·û´®ÀàÐ͵ÄʼþÀàÐͺÍÒ»¸ö»Øµ÷º¯Êý£¬ÎÒÃÇÐèÒª¸Ä±ä state µÄÖµ¾ÍÒªÔڻص÷º¯ÊýÖиıä¡£ÎÒÃÇÒªÖ´ÐÐÕâ¸ö»Øµ÷º¯Êý£¬ÄÇôÎÒÃÇÐèÒªÖ´ÐÐÒ»¸öÏàÓ¦µÄµ÷Ó÷½·¨£ºstore.commit¡£

¡¡¡¡4)action

¡¡¡¡action ¿ÉÒÔÌá½» mutation£¬ÔÚ action ÖпÉÒÔÖ´ÐÐ store.commit£¬¶øÇÒ action ÖпÉÒÔÓÐÈκεÄÒì²½²Ù×÷¡£ÔÚÒ³ÃæÖÐÈç¹ûÎÒÃÇÒªàÇÓÃÕâ¸ö action£¬ÔòÐèÒªÖ´ÐÐ store.dispatch¡£

¡¡¡¡5)module

¡¡¡¡module ÆäʵֻÊǽâ¾öÁ˵± state Öкܸ´ÔÓÓ·Ö×µÄʱºò£¬module ¿ÉÒÔ½« store ·Ö¸î³ÉÄ£¿é£¬Ã¿¸öÄ£¿éÖÐÓµÓÐ×Ô¼ºµÄ state¡¢mutation¡¢actionºÍ getter¡£


²ÂÄãϲ»¶£º

ÓÐʲô»ù´¡²ÅÄÜѧVue£¿

VueÈçºÎ¼à¿ØÄ³¸öÊôÐÔÖµµÄ±ä»¯£¿

ǰ¶Ë±Ø»á¿ò¼Ü£ºVUE2.0+3.0È«Ì׽̳Ì

VUEÓŵãÓÐÄÄЩ?VUEµÄÌØµã½éÉÜ

ÀÖÓãµç¾ºÇ°¶ËÓëÒÆ¶¯¿ª·¢Åàѵ

0 ·ÖÏíµ½£º
ºÍÎÒÃÇÔÚÏß½»Ì¸£¡
    ¡¾ÍøÕ¾µØÍ¼¡¿¡¾sitemap¡¿