Ëæ×Å»¥ÁªÍøµÄ¼±¾ç·¢Õ¹£¬web ÒµÎñÒ²Ô½À´Ô½¸´ÔӺͶàÔª»¯£¬ÒÔǰµÄÄÇÖÖǰºó¶Ëһ·µÄ·½Ê½Ô½À´Ô½¸ú²»ÉÏ·¢Õ¹½ÚÅÄ£¬Ç°ºó¶ËÖð²½·ÖÀë£¬ËæÖ®Ç°¶ËµÄ¹¤×÷Ò²ÈÕ½¥±äµÃ³ÁÒªÆðÀ´¡£
±¾ÎÄÖØÒª·ÖÏí²»ÐàÇéÔµ¿Æ¼¼ WEB ǰ¶ËÍŶӯ¾¾ÝÒµÎñ³¡¾°ÌصãÑз¢µÄÆóÒµ¼¶Ç°¶Ë¿ò¼Ü×é¼þ»¯¹æ»®¡£
×é¼þ¼¼Êõ£º¸ßÄÚ¾ÛµÍñîºÏ
×é¼þ£¨component£©µÄÒâ˼±ÈÁ¦¿í·º¡£Èí¼þ¹¤³ÌÀï±»·ÒëΪ¡°¹¹¼þ¡±¡£¹¹¼þÊÇÃæÏòÈí¼þϵͳ¼Ü¹¹µÄ¿É¸´ÓÃÈí¼þÄ£¿é¡£ ¹¹¼þ¿ÉËùÒÔÒ»¸ö¹¤¾ßÀࣨutils£©£¬ Ò²¿ÉËùÒÔÒ»¸öÖÐÑë¼þ£¨È磺MQ£©¡£
ÔçÔÚ2013ÄêW3CÌá³öÁË¡°Web Components¡±²Ý°¸£¬Ëæ×Åǰ¶ËwebÀûÓõÄѸ¿ì·¢Õ¹£¬³öÏÖÁËReact¡¢VUE¡¢AngularµÈÖ÷Á÷µÄ×é¼þ»¯¿ª·¢¿ò¼Ü¡£ÔÚVUEÖÐ×é¼þÊǿɸ´ÓÃµÄ Vue Ê·ý¡£¶øVUEµÄ²å¼þ¼¼Êõ£¬ÌṩÁË×é¼þ¼äÒÀÀµÒýÓᢽýÝ×é×°µÄ¿ÉÄÜ¡£±¾ÎÄʵ¼Ê¹æ»®£¬ÒÔVUE¼¼ÊõΪ»ù´¡½â˵¡£

×é¼þ»¯¿ª·¢±ØÒªË¼ÂÇÒÔÏÂÎÊÌ⣺
¡ñÔõôÒÔÒÀÀµ·½Ê½Ê¹ÓÃ×é¼þ£¿
¡ñÔõô±£Õϲð·Ö×é¼þ£¬ÕûӦʱ·ç¸ñͳһ£¿
¡ñÔõôÖÎÀí×é¼þÒÀÀµ°æ±¾£¿
¡ñÔõô½â¾ö×é¼þ£¨Ô̺¬¹«¹²JS¡¢CSS£©ÒÀÀµÒýÈëÂŴδò°üѹËõÎÊÌ⣿
×é¼þ·ÖÀࣺ»ù´¡×é¼þºÍÒµÎñ×é¼þ
ÆóÒµÄÚ²¿ÒªÊµÏÖ×é¼þ»¯¿ª·¢£¬Äܹ»Æ¾¾Ý×ÔÉíÒµÎñÏÖʵÇé¿ö£¬Ê×ÏÈÃ÷È·ºÃ¡°×é¼þ¡±µÄ½ç˵£¬´ï³É¹²Ê¶¡£¿É½«×é¼þ¹éΪÁ½´óÀ࣬»ù´¡×é¼þºÍÒµÎñ×é¼þ£¬ÈçÏÂËùʾ¡£

¸÷×é¼þ²ã¼¶¹ØÏµÍ¼ÈçÏ£º
×ÜÌåÉè¼Æ
²»ÐàÇéÔµ¿Æ¼¼µÄǰ¶Ë¿ò¼Ü½â¾ö¹æ»®Éè¼Æ×¼Ôò£¬ÖØÒªÒÔ¡°¿ªÔ´µÍñîºÏ¡±¡¢¡°½Ã½Ý×é×°¡±¡¢¡°µ¥Ò»¿ì½Ý¡±µÈ¹Ø¼ü´ÊΪÆô³Ìµã¡£
¿ªÔ´µÍñîºÏ
ΪԤ·À³Á¸´ÔìÂÖ×Ó£¬¼õÇáÉÏÊÖÄѶȺͽø½¨³É±¾£¬³ä·Ö¸´Óô˿̿ªÔ´¼¼ÊõµÄÓÅÊÆºÍ¶Ñ¼¯¡£ »áÑ¡Ôñ»ùÓÚ¡°¿ªÔ´¿ò¼Ü¡±ÎªÆðµã£¬´î½¨Ç°¶Ë¿ò¼Ü¡£
µ«Í¬Ê±Ë¼¿¼¿ò¼ÜÖ÷ÌâÖ°Äܾ¡Á¿Ô¤·À¶Ô¿ªÔ´¼¼ÊõµÄÇ¿°ó¶¨£¬Ôö³¤ÖÐÑë²ã¶Ô¿ªÔ´×é¼þ½øÐаü×°£¬ÒÔ´ïµ½µÍ³É±¾´úÌæµÄÖ÷ÕÅ¡£
½Ã½Ý×é×°
ǰ¶Ë¿ò¼ÜÖØÒªÊǶÔÒµÎñ×é¼þµÄ¶Ñ¼¯£¬³éÈ¡ÆóÒµÄÚ²¿ÆÕ±éÒµÎñ³¡¾°£¬³Áµí¸÷ÒµÎñ×é¼þ¿â¡£¸÷×é¼þ¿âÊÇ¿ÉÄܶÀÁ¢¿ª·¢¡¢ÒÀÀµÊ¹Óõġ£³ý»ù´¡×é¼þ¿â¿É±»ÆäËû×é¼þÒÀÀµÊ¹ÓÃÖ®±í£¬¾¡Á¿Ô¤·À×é¼þ¿â¼ä¸ß¶ÈñîºÏ¡£
µ¥Ò»¿ì½Ý
ƾ¾Ý¹«Ë¾ÄÚ²¿ÏÖʵÇé¿ö£¬Ç°¶Ë¿ò¼Ü·þÎñÓÚÁ½·½ÃæµÄÈËÔ±£¬Ò»³¤¶ÌרҵǽËÈËÔ±£¨ºó¶ËÈËÔ±£©£¬ ¶þÊÇרҵǽËÈËÔ±¡£
Õë¶Ô¡°·ÇרҵǽËÈËÔ±¡±£¬±ØÒªË¼¿¼¡°ÁãJS¡±´úÂ뿪·¢£¬ÒÔµ¥Ò»ÅäÖ÷½Ê½¼±¾ç¶Ô½Óºó¶Ü½Ó¿Ú£¬¿ª·¢³öÒ³ÃæÖ°ÄÜ¡£
Õë¶Ô¡°×¨ÒµÇ½ËÈËÔ±¡±£¬ÒªÌá¹©Í³Ò»ÇøÓò¼¶¡¢Ò³Ãæ¼¶²¼¾Ö×é¼þ£¬¹Ì»¯ÐÎ×´£¬ÒÔ×î´óË®Æ½Í³Ò»Ò³Ãæ·ç¸ñ£¬Ï÷¼õ¹µÍ¨ÖÎÀí³É±¾£¬¼±¾çºÏ×÷¿ª·¢¡£
ǰ¶Ë¿ò¼Ü×ÜÌåÉè¼Æ
ÈçÉÏͼËùʾ£¬Ç°¶Ë¿ò¼Ü»ùÓÚVUE + Element UIµÈ¿ªÔ´¼¼ÊõΪµ××ù£¬ÒÔ¼õÇῪ·¢ÈËÔ±µÄ½ø½¨³É±¾£¬¶øÇ°¶Ë¿ò¼ÜÖ§³ÖÕû¸öÀûÓÃϵͳְÄܵĿª·¢¡£
°´×é¼þ·ÖÀ࣬ǰ¶Ë¿ò¼Ü·ÖΪÁË6´óÄ£¿é¡£Ã¿¸öÄ£¿é×÷Ϊ¶ÀÁ¢µÄ¹¤³Ì°ä²¼Îª²å¼þ£¬Ä£¿é×ÔÉíÄܹ»´æÔÚÒÀÀµ¹ØÏµ£¬È磺¹¤¾ßÀàºÍ»ù´¡×é¼þ£¬×÷Ϊ×îÓ×µÄÄ£¿é£¬ÎªÆäËûÄ£¿éÌṩ֧³Ö£¬ÆäËûÄ£¿éµÄÖ°ÄÜ£¬»ùÓÚÕâÁ½¸öÄ£¿é¿ª·¢¡£

ǰ¶Ë¿ò¼Ü×é¼þÊÓͼ
¡ñ»ù´¡×é¼þ£¨Base Components£©
»ù´¡UI×é¼þ£¬ÖØÒªÖ¸¿ªÔ´µÄELement UI×é¼þºÍһЩËã½ç˵À©´óµÄ×é¼þ£¬È磺 ±íµ¥¿Ø¼þ£¬±í¸ñ£¬°´Å¥µÈ
¡ñ¹¤¾ßÀࣨUtils Components£©
¹«¹²²½Ö蹤¾ß£¬Ô̺¬³£ÓõĶà×é¼þ¹²ÓõŤ¾ß²½ÖèÀà
¡ñÒµÎñ×é¼þ£¨Business Components£©
ΪÏ÷¼õ·ÖÀà¹ý³Ì£¬ÇÒ˼¿¼µ½Ä¿Ç°»ù´¡ÒµÎñ×é¼þ³éÈ¡µÄºÜÉÙ£¬ÎÒÃǽ«ÒµÎñ»ù´¡×é¼þºÍÇøÓò×é¼þ£¬Í³Ò»¹éµ½´ËÄ£¿éÀï¡£ÇøÓò×é¼þÄܹ»ÒÔΪÊÇ´ÓÒ³ÃæÄ£°å×é¼þÖгéÈ¡³öÀ´µÄÓ××é¼þ¡£È磺 ²éÎÊÒ³ÃæÄ£°åÔ̺¬±íµ¥Ç°ÌáÇøÓò¡¢¹¤¾ßÀ¸ÇøÓòºÍ±í¸ñÇøÓò£¨Ô̺¬·ÖÒ³£©£¬ÎÒÃÇÄܹ»³éÈ¡³ö±íµ¥ÇøÓò×é¼þ¡¢¹¤¾ßÀ¸ÇøÓò×é¼þ¡¢±í¸ñÇøÓò×é¼þ£¬Ã¿¸öÇøÓò×é¼þÖØÒª½èÖúslot²å²ÛµÈ»úÔ죬ʵÏÖÖ°ÄÜÀ©´ó
¡ñÒ³ÃæÄ£°å£¨Template Components£©
Ò³ÃæÄ£°åÊǽ«Ìض¨µÄһЩ³£ÓÃÒµÎñ³¡¾°·â×°³ÉÄ£°å¡£¿Éͨ¹ýµ¥Ò»µÄÅäÖã¬ÊµÏÖÒ³ÃæÒµÎñÖ°ÄÜ£¬ºÏÓÃÓÚºó¶Ü»òǰ¶Ë»ù´¡½ÏÈõµÄ¿ª·¢Õß
Ò³ÃæÄ£°å»¯£¬Ö¸±êÊÇʵÏÖ80%³£¼ûÒ³ÃæÖ°ÄÜÓÉ¡°Ä£°å+Ä£°åÊý¾Ý¡±ÌìÉú£¬20%²»ÄÜÂú×ãµÄ²ÉÈ¡»ùÓÚÏÖÓÐ×é¼þ×Ô½ç˵¿ª·¢·½Ê½¿ª·¢¡£Ê¾ÀýÈçÏ£º

¡ñºó¹Ü¿ò¼Ü£¨admin-Cli£©
´ËÄ£¿éΪǰ¶Ë¿ò¼ÜÌṩÁËËùÓÐ×é¼þ¾ÛºÏµÄ¹æ»®¡£ÖØÒªÊÇÕë¶Ôºó¶ËÖÎÀíϵͳ¶ø´î½¨µÄ£¬Ô̺¬Á˺ó¶ÜÖÎÀíϵͳ³£¼ûµÄÖ°ÄÜ£¬ÀýÈçµÇ¼£¬Â·Óɲ˵¥£¬²¼¾Ö£¬Ö÷Ìâ»»·ô£¬¶à˵»°Çл»£¬Êý¾Ý×Öµä£¬ÔªËØÈ¨ÏÞ½ÚÔìµÈ
¡ñ²å¼þ¹¤³Ì£¨Plugin-Cli£©
´ËÄ£¿éÖ°ÄÜ×é¼þ²å¼þ»¯Ìṩ½ÅÊÖ¼ÜÖ§³Ö¡£½ÅÊּܴ´½¨³öÀ´µÄǰ¶Ë¹¤³Ì£¬×Ô´ø´î½¨ºÃÁË×é¼þ¿ª·¢¹æ·¶Ä¿Â¼½á¹¹£¬ÅäÌ×MarkdownÎĵµ×Ô¶¯ÌìÉúÔÚÏßÎĵµ»úÔ죬×é¼þ¿ª·¢µ÷ÊÔÔËÐлúÔìµÈ
ǰ¶Ë¿ò¼ÜÔÚÕæÊµÀûÓÃÖÐÄܹ»ÀûÓÃÓÚÈý·½Ã棺
1¡¢¿ª·¢²å¼þÀûÓ㺠»ùÓÚ²å¼þ½ÅÊּܹ¤³Ì£¬¼±¾çÇÀ½¨ºÍ°ä²¼²å¼þµ½Ë½·þ£¬¹©ÆäËûÏîÄ¿ÒÀÀµÊ¹ÓÃ
2¡¢×é¼þ¿âÒÀÀµÊ¹Ó㺡¡ÎÞÂÛÏîĿʹÓõĿª·¢¿ò¼ÜÊÇǰ¶Ë¿ò¼ÜÌṩµÄ½ÅÊּܹ¤³Ì£¬»¹ÊÇÔÉúvue½ÅÊּܹ¤³Ì£¬Äܹ»ÒýÈëǰ¶Ë¿ò¼ÜÌṩµÄÒµÎñ×é¼þ¿â
3¡¢ºó¹Ü¿ò¼ÜʹÓ㺠ǰ¶Ë¿ò¼ÜÌṩһÕûÌåºó¹Ü»ù´¡Ö°ÄÜ¿ò¼Ü£¬¿ÉÖ±½Ó»ùÓڴ˽ÅÊּܹ¤³Ì¿ª·¢¡£ÈôÊǺó¶ËÈËÔ±£¬Äܹ»½èÖú¡°Ò³ÃæÄ£°å¡±ÒÔJSONÅäÖüӺó¶Ü½Ó¿ÚÊý¾ÝÇý¶¯£¬¡°ÁãJS¡±äÖȾ³öÒ³Ãæ£»ÈôÊÇÊÇǰ¶ËÈËÔ±£¬Äܹ»½èÖúÒµÎñ×é¼þ¿âÌṩµÄ×é¼þÓëÒ³ÃæÄ£°å¡°»ìºÏ¿ª·¢¡±£¬¼È¿ÉJSONÅäÖã¬ÓÖ¿ÉʹÓÃÔÉúVUE¿ª·¢
½ÓÏÂÀ´´Ó²»ÐàÇéÔµ¿Æ¼¼µÄÁ½¸öÀûÓó¡¾°¿´Ç°¶Ë¿ò¼ÜµÄ¾ßÌåʵ¼Ê¡£
ʵ¼ÊÒ»£ºÖ°ÄÜ×é¼þ²å¼þ»¯²ð·ÖÓë×éºÏ
½«¹«Ë¾¸÷ÒµÎñϵͳ¹«¹²Ö°ÄܳéÈ¡³öÀ´£¬ÐγÉͳһµÄ×é¼þ£¬ÒÔ±ã½ÚÔ¼ÈËÁ¦¿ª·¢³É±¾ºÍÊØ»¤³É±¾¡£Ê¹ÓÃǰ¶Ë¿ò¼ÜµÄ²å¼þ½ÅÊּܹ¤³Ì£¬Äܹ»¼±¾ç´î½¨Ò»×é¼þ»¯²å¼þ¹¤³Ì£¬½«×é¼þÖ°Äܰ䲼³ÉÄܹ»Ê¹Óá°Ä£°åÒÀÀµ¡±µÄ·½Ê½£¬×é¼þ´îÅäʹÓá£

ÉÏͼÖÐÅú×¢£¬»ù´¡ÀûÓÃÆ½Ì¨µÄ¡°»ú¹¹Ñ¡Ôñ¡±ºÍ¡°ÈËԱѡÔñ¡±Ö°ÄÜ£¬Äܹ»×÷Ϊ¹«¹²Ö°ÄܳéÈ¡³ö×é¼þ£¬°ä²¼µ½Ë½·þ£¬ÓÉ¡°¼¨Ð§ÏµÍ³¡±¡°ÄÚ²¿×ʽð×ªÒÆ¶¨¼Û¡±µÈϵͳʹÓᣠ¼¨Ð§ÏµÍ³Öеġ°ÒµÎñ²éÎÊÖÎÀí¡±ÒÀÀµ¡°»ù´¡ÀûÓÃÆ½Ì¨¡±µÄÖ°ÄÜʵÏÖ£¬ÄÚ²¿×ʽð×ªÒÆ¶¨¼ÛÖеġ°¶¨¼Û²âË㡱ҲÊÇÒÀÀµ¡°»ù´¡ÀûÓÃÆ½Ì¨¡±Ö°ÄÜ¡£
ͨ¹ýǰ¶Ë¿ò¼ÜÌṩµÄ²å¼þ½ÅÊּܹ¤³Ì£¬Äܹ»½«ÏîÄ¿¹¤³Ì×é¼þ°ä²¼³É²å¼þ£¬ÉÏ´«µ½Nexus˽ÓУ¬ ÆäËûÏîĿҵÎñϵͳǰ¶Ë¹¤³ÌÒÔ¡°Ä£¿éÒÀÀµ¡±·½Ê½ÒÀÀµÊ¹Óá£
ʵ¼Ê¶þ£º ¡°ÁãJS¡±¿ª·¢Ò³Ãæ
ǰ¶Ë¿ò¼ÜÖдæÔÚ´óÁ£¶ÈµÄ±ÈÁ¦ÌØÊâµÄÒ³ÃæÄ£°å×é¼þ¡£Ò³ÃæÄ£°å£¬ÊÇÆ¾¾ÝÄÚ²¿ÒµÎñ³¡¾°¹µÍ¨»¥»»£¬³éÈ¡³öÀ´µÄ£¬ÒÔ¡°Ò³Ã桱ΪÕûÌåµÄ½â¾ö¹æ»®×é¼þ¡£ Ò³ÃæÄ£°å£¬ÒÔJSONµÄ·½Ê½ÅäÖÃǰ¶ËÒ³ÃæÖ°ÄÜ¡£
´«Í³µÄVUEʵÏÖ£º
ÀûÓÃ±íµ¥Ä£°å×é¼þÅäÖÃJSONʵÏÖ£º
´«Í³µÄVUEʵÏÖ³ýÁËÒª±àд·±ËöµÄHTMLºÍ×é¼þ±êÇ©±í»¹ÐèJSʵÏֽⶳÌá½»µ¯¿òµÈÊÂÎñÂß¼¡£¶øÍ¨¹ýJSON´ó¾ÖÖ»ÐèÅäÖÃ±íµ¥¿Ø¼þÀàÐÍ£¬²Ù×÷À¸½â¶³°´Å¥£¬±í¸ñÒÔ¼°³õʼ»¯µÄ½Ó¿ÚµØÖ·¼´¿ÉÇáËÉʵÏÖ¡£JSONÄ£°åÄÚÖÃÊý¾Ý³õʼ»¯£¬Êý¾ÝÌá½»µÅ×ëºó¶Ë½»»¥Âß¼ÒÔ¼°¶àÖÖÊÂÎñÁª¶¯Ö°ÄÜ¡£¿ª·¢Õß¶¼¿Éͨ¹ýµ¥Ò»µÄÅäÖÃʵÏÖÕâЩְÄÜ¡£
ÔÙ´ÓÒÔÏÂÈý¸öά¶È±ÈÁ¦Ò»ÏÂÕâÁ½ÖÖ¿ª·¢Ä£Ê½£º
´Ó¿ª·¢ÈËÔ±¼¼Êõ´¿Êì¶ÈÀ´¿´£¬Ê¹ÓÃVUE¿ª·¢£¬Ðè°ÑÎտ϶¨µÄǰ¶Ë֪ʶ¡£¶øÍ¨¹ýÕâÖÖJSONÅäÖÿª·¢£¬¿ª·¢ÈËÔ±ÎÞÐèÈκÎǰ¶Ë»ù´¡£¬ÕæÕýʵÏÖ¿ª·¢Ê¹Óá±ÁãÃż÷¡±¡£
´Ó¿ª·¢¹¦·òÀ´¿´£¬¿ª·¢Ò»¸öÉÏÎÄËùÌáµÄ²éÎʱí¸ñÒ³Ãæ£¬Ê¹ÓÃVUEÖÁÉÙ±ØÒª1Ó×ʱ×óÓÒ£¬¶øÊ¹ÓÃJSON¿ª·¢£¬¹¦·ò¿É½ÚÔìÔÚ10·ÖÖÓÄÚ¡£
ʹÓÃÒµÎñÄ£°å×é¼þÀûÓÃJSONÅäÖÿª·¢Ç°¶ËÒ³ÃæÄ£Ê½£¬ÒÑʹÓÃÓÚ¶à¸öÏîÄ¿¡£ÏîÄ¿¿Í»§ÕæÊµÊý¾Ý·´À¡£ºÍ¨¹ýÕâÖÖJSONÅäÖÿª·¢Ò³Ã棬¿É¼±¾ç¿ª·¢POCÒ³ÃæÖ°ÄÜ£¬Ó봫ͳµÄÒ³Ãæ¿ª·¢Ä£Ê½Ïà±È£¬JSONÅäÖÿª·¢ÖÁÉÙ½ÚÔ¼Ò»°ëÈËÁ¦ºÍÒ³Ãæ¿ª·¢¹¦·ò¡£
×ܽá
ÆóÒµ¼¶Ç°¶Ë¿ò¼Ü¾ß±¸µÄÄÜÁ¦£¬Ê×ÏȱØÒªÒ»¸ö»ù´¡¿ò¼ÜΪ֧³Ö£¬Æä´ÎÒÔÆóÒµÄÚ²¿¾ßÌåÒµÎñ³¡¾°ÎªÆðµã£¬·ÖÎö¡¢³éÈ¡¡¢³ÖÐø¶Ñ¼¯³Áµí¾ßÌåÒµÎñ×é¼þ£¬½áºÏͳһ¹æ·¶Ô¼Êø£¬¼±¾ç´î½¨¡¢×é×°³öÒµÎñϵͳµÄÄÜÁ¦¡£