ü\Óü¿Æ¼¼Íø

 ÕÒ»ØÃÜÂë
 Á¢¼´×¢²á
mito
²é¿´: 4480|»Ø¸´: 2

[JavaScript] Öé·åVue×îÐÂ×îÈ« vue¿ìËÙÈëÃÅÓëʵս¿ª·¢ÊÓ...

[¸´ÖÆÁ´½Ó]

8Íò

Ö÷Ìâ

608

»ØÌû

27Íò

»ý·Ö

¹ÜÀíÔ±

Rank: 9Rank: 9Rank: 9

»ý·Ö
275170
QQ
·¢±íÓÚ 2018-6-28 12:42:14 | ÏÔʾȫ²¿Â¥²ã |ÔĶÁģʽ
¿Î³ÌÃû³Æ:  Öé·åVue×îÐÂ×îÈ« vue¿ìËÙÈëÃÅÓëʵս¿ª·¢ÊÓÆµ¿Î³Ì£¨¹²10Ìì¿Î³Ì£©


¿Î³Ì¼ò½é:    

Èç¹ûÄãÄÜ·¢ÏÖ±ÈÕâ¸ö¡°¸üÇåÎú¡¢¸üÈ«Ãæ¡¢¸üÉîÈ롱½²½âvueµÄÊÓÆµ£¬ÄÇôÎÒ·þÄ㣡

¿Î³Ì˵Ã÷
2017Ä꣬ÎÒÃÇÌØÒâºÍÐÐÒµ(´ó²¿·ÖÀ´×ÔÓÚBAT)´óÉñÃǽøÐйµÍ¨Óë½»Á÷£¬Ò²¶ÔÖé·å±ÏҵѧԱ(´ó²¿·Ö¶¼ÒѾ­³ÉΪһÏß»¥ÁªÍøÆóÒµÖеÄLEADER»òÕß¼¼Êõ¹¥¼á)½øÐлطã¬Ì½Ë÷³öÒ»Ì××î·ûºÏµ±ÏÂÊг¡ ¡°È«Õ»»¯¡¢¹¤³Ì»¯¡¢×é¼þ»¯¡¢Ä£¿é»¯¡± µÈ¿ª·¢µÄ¿Î³ÌÌåϵ£»

±¾Ì׿γÌÊÇ¡°È«Õ»¹¤³Ì»¯¿ª·¢¡±¿Î³ÌÖеÄÒ»²¿·Ö£¬ÖØµã¸ø´ó¼Ò½²½âĿǰ×îÖ÷Á÷µÄǰ¶Ë¿ò¼ÜÖ®Ò»£ºvue¡£vueÊÇÒ»¸öÓÃÀ´¿ª·¢web½çÃæµÄǰ¶Ë¿ò¼Ü£¬ СÇɵÄÍâ±í¡¢ÓÅÑŵĴúÂë½á¹¹ºÍȫеÄMVVMÀíÄºÜ¿ìÊܵ½ÁËÖÚ¶àǰ¶Ë¹¤³Ìʦ׷ÅõµÄг衣±¾¿Î³Ì½«´øÄãÕÆÎÕvueµÄÓï·¨½á¹¹¡¢µ¥ÏòÊý¾ÝÁ÷¡¢ Êý¾ÝµÄË«Ïò°ó¶¨£¬Êý¾Ý½»»¥¡¢¶¯»­¡¢Â·ÓɵÈÄÚÈÝ¡£

¿Î³ÌÄ¿±ê
1. ʹÓÃvue¿ìËÙÌá¸ß¿ª·¢Ð§ÂÊ
2. ÕÆÎÕMVVMµÄ¿ª·¢Ë¼Ïë
3. ¿ª·¢¿É¸´ÓõÄ×Ô¶¨Òå
4. ¶ÀÁ¢Ê¹ÓÃvue¿ª·¢ÍêÕûÏîÄ¿

ÊÊÓÃÈËȺ
±¾¿Î³Ì¶ÔÓÚÓÐÒ»¶¨CSS,JS»ù´¡µÄС»ï°éÃÇ£¡

----------------------¿Î³ÌĿ¼------------------------------


¿Î³Ì´ó¸Ù
- ÈëÃÅvue
   ÕÆÎÕÊý×éÐÂÔöµÄes5¼°es6³£Ó÷½·¨forEach,map,filter,reduce
   ÕÆÎÕes6³£¼ûÓï·¨£º½â¹¹¸³Öµ£¬¼ýÍ·º¯Êý£¬ÍØÕ¹ÔËËã·ûµÄʹÓÃ
   vue»ù´¡Ê¹ÓãºÈ¡Öµ±í´ïʽµÄÒýÓÃ
   v-modelË«ÏòÊý¾Ý°ó¶¨
   ½éÉÜObject.definePropertyÓ÷¨£¬ÊµÏÖÒ»¸öË«Ïò°ó¶¨
   ¼ò½é³£ÓÃÖ¸Á v-bind,v-text,v-html,v-once,v-cloakµÄʹÓÃ
   ÉîÈëÏìÓ¦Ô­Àí£ºObject.assignºÍÊý×éµÄ±äÒì
   v-forµÄʹÓãºÇ¶Ì×Ñ­»·ÒÔ¼°keyµÄʹÓÃ
   Ê¼þµÄʹÓãºÔÚvueÖаó¶¨Ê¼þ£¬Ïê½âʼþÔ´ºÍʼþÐÞÊηûµÄÓ÷¨
   Ë«Ïò°ó¶¨Ö®±íµ¥ÔªËØ£ºcheckbox,input,radioµÄʹÓÃ

- vueÖеÄÊý¾Ý»ñÈ¡ÒÔ¼°½ø½×Ó÷¨
   axiosµÄ»ù´¡Ê¹ÓÃ
   ½éÉÜpromiseµÄÓ÷¨
   ×Ô¼º·â×°promise°æµÄajax
   ÊµÏÖ¹ºÎï³µ¹¦ÄÜ
   ¼ÆËãÊôÐÔ&&watchÓ¦ÓÃ
   ¶Ô±Èmethod£¬watchºÍcomputedµÄÒìͬ
   vueÖе͝»­£ºtransitionÒÔ¼°transition-groupµÄʹÓÃ
   ¶¯Ì¬°ó¶¨Êý¾Ý£ºv-bindµÄʹÓÃ
   °ó¶¨Ñùʽ:class :style
   ×Ô¶¨ÒåÖ¸ÁîÒÔ¼°¹ýÂËÆ÷µÄʹÓãºdirective filterµÄÓ¦ÓÃ
   ÊµÏÖtodoList

- ̽Ë÷vueµÄÉúÃüÖÜÆÚ
   vueÖеĹ³×Óº¯Êý
   keep-alive»º´æµÄʹÓÃ
   »º´æµÄ¹³×Óactivated deactivated

- vueÖеÄ×é¼þ
   È«¾Ö×é¼þºÍ¾Ö²¿×é¼þµÄʹÓ㺠×é¼þÖеÄdataº¯Êý
   ×é¼þ½»»¥Ö®¸¸´«×Ó£ºpropsµÄÓ¦Óã¬ÓëÊôÐÔ¼ìÑétype,require,validatorµÈ
   ×é¼þ½»»¥Ö®×Ó´«¸¸£ºÍ¨¹ýeventBus£¬×Ô¼ºÊµÏÖ·¢²¼¶©ÔÄģʽ
   ×é¼þ°¸Àý֮ģ̬¿ò
   refµÄÓ¦ÓÃ
   »ñÈ¡domÔªËØ
   nextTickÓ÷¨½âÎö
   slotÓ÷¨½âÎö
   ÊµÏÖÃæ°å×é¼þ

- webpackµÄ»ù´¡Ó¦ÓÃ
   babel½âÎöes6,es7
   ´¦Àícss,lessÑùʽ
   ´¦ÀíͼƬÒÔ¼°Í¼±ê×ÖÌå
   ½âÎövue-loader,.vueÎļþ
   html-webpack-pluginµÄʹÓÃ
   ·â×°vue²å¼þÖ®notify×é¼þ

- ½ø½×vue·ÓÉ
   »ù´¡Â·Óɴ
   ±à³Ìʽµ¼º½
   Â·ÓɵÄǶÌ×
   ÔÚ·ÓÉÖз¢ËÍajax»ñÈ¡Êý¾Ý
   Â·Óɵ¼º½¹³×ÓµÄʹÓÃ
   ÊµÏÖ·Óɶ¯»­

- vue-cliÓ¦ÓÃ
   vue-cli´úÂë½âÎö
   Ó¦ÓÃvue-cli´î½¨Êé³ÇÏîÄ¿

ÏÂÔØµØÖ·£º
Óοͣ¬Èç¹ûÄúÒª²é¿´±¾ÌûÒþ²ØÄÚÈÝÇë»Ø¸´

¸ü¶àÌû×ÓÍÆ¼ö

»Ø¸´

ʹÓõÀ¾ß ¾Ù±¨

0

Ö÷Ìâ

505

»ØÌû

1120

»ý·Ö

½ðÅÆ»áÔ±

Rank: 5Rank: 5

»ý·Ö
1120
·¢±íÓÚ 2018-10-13 10:38:00 | ÏÔʾȫ²¿Â¥²ã
×îÈ« vue¿ìËÙÈëÃÅÓëʵ
»Ø¸´

ʹÓõÀ¾ß ¾Ù±¨

0

Ö÷Ìâ

2Íò

»ØÌû

4Íò

»ý·Ö

½ûÖ¹·ÃÎÊ

»ý·Ö
41607
·¢±íÓÚ 2021-10-11 13:48:16 | ÏÔʾȫ²¿Â¥²ã
Ìáʾ: ×÷Õß±»½ûÖ¹»òɾ³ý ÄÚÈÝ×Ô¶¯ÆÁ±Î
»Ø¸´

ʹÓõÀ¾ß ¾Ù±¨

QQ|Archiver|ÊÖ»ú°æ|ü\Óü¿Æ¼¼Íø

GMT+8, 2025-11-30 04:41 , Processed in 0.239449 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

¿ìËٻظ´ ·µ»Ø¶¥²¿ ·µ»ØÁбí