㈠ 鍓岖瑙勮寖涓锛埚懡钖嶈勮寖锛
鍓岖瑙勮寖涓锛埚懡钖嶈勮寖锛
1銆佸皬椹煎嘲锻藉悕娉曪纸lowerCamelCase锛 锛氱涓涓鍗曡瘝浠ュ皬鍐椤瓧姣嶅紑濮嬶纴绗浜屼釜鍗曡瘝镄勯栧瓧姣嶅ぇ鍐欙纴渚嫔傦细firstName銆乴astName銆
2銆佸ぇ椹煎嘲锻藉悕娉曪纸CamelCase锛 锛氭疮涓涓鍗曡瘝镄勯栧瓧姣嶉兘閲囩敤澶у啓瀛楁瘝锛屼緥濡傦细FirstName銆丩astName銆
3銆佷笅鍒掔嚎锻藉悕娉曪纸snake_case锛夛细涓嫔垝绾垮懡钖嶆硶涔熷彨铔囧舰娉曪纴鍏ㄧ敱灏忓啓瀛楁瘝鍜屼笅鍒掔嚎缁勬垚锛屽湪涓や釜鍗曡瘝涔嬮棿鐢ㄤ笅婊戠嚎杩炴帴銆备緥濡傦细first_name銆
4銆佷腑鍒掔嚎锻藉悕娉曪纸kebab-case锛夛细涓鍒掔嚎锻藉悕娉曚篃鍙涓插纺锻藉悕娉曪纴钖勪釜鍗曡瘝涔嬮棿阃氲繃涓嫔垝绾库-钬濊繛鎺ャ备緥濡傦细first-name銆
寮哄埗浣跨敤锛氢腑鍒掔嚎锻藉悕娉
锻藉悕瑙勫垯锛1銆佹枃浠跺悕涓嶅缑钖链夌┖镙
2銆佹枃浠跺悕寤鸿鍙浣跨敤灏忓啓瀛楁瘝锛屼笉浣跨敤澶у啓瀛楁瘝
3銆佹枃浠跺悕鍖呭惈澶氢釜鍗曡瘝镞讹纴鍗曡瘝涔嬮棿寤鸿杩炶瘝绾 ( - ) 鍒嗛殧
4銆佹湁澶嶆暟缁撴瀯寮忥纴瑕佷娇鐢ㄥ嶆暟
绀轰緥锛歭ogin 銆 error-page銆 icons
寮哄埗浣跨敤锛氩叏閮ㄥぇ鍐椤瓧姣
涓轰简阅掔洰锛屾煇浜涜存槑鏂囦欢镄勬枃浠跺悕锛屽彲浠ヤ娇鐢ㄥぇ鍐椤瓧姣
绀轰緥锛歊EADME
琛ュ厖璇存槑: README 镙囧嗳
鈼 椤圭洰绠浠嬨
鈼 娉ㄦ剰浜嬮”銆
鈼 绾夸笂镄勭ず渚嫔湴鍧锛堟祴璇曘佹ｅ纺锛夈
鈼 鏀鎸佽繍琛岀殑鐜澧冦
鈼 蹇呰佺殑渚濊禆鍑嗗囷纴浠ュ强濡备綍鎼寤恒
鈼 椤圭洰镄勫畨瑁呮寚鍗椼
鈼 鐩稿叧镄勬枃妗ｉ摼鎺ャ
鈼 鐩稿叧浜哄憳镄勮仈绯绘柟寮忋
README.md 绀轰緥锛
寮哄埗浣跨敤锛氩皬椹煎嘲锻藉悕娉
锻藉悕瑙勫垯锛氩墠缂涓哄姩璇嶏纴瑙佸悕鐭ユ剰
1銆乷nXxx 鐩戝惉浜嬩欢镄勫洖璋
2銆乭andleXxx 澶勭悊浜嬩欢
3銆乬etXxx 銮峰彇镆愪釜鍊
4銆乻etXxx 璁剧疆镆愪釜鍊
甯歌佸満鏅锛
a銆佷簨浠跺勭悊锛
(1).浜嬩欢涓诲姩鐩戝惉閲囩敤 onXxx ,琚锷ㄥ勭悊浣跨敤handleXxx
绀轰緥锛歰nXxxSubmit: '鎻愪氦琛ㄥ崟'
handleXxxSizeChange: '澶勭悊鍒嗛〉椤垫暟鏀瑰彉'
handleXxxPageChange: '澶勭悊鍒嗛〉姣忛〉澶у皬鏀瑰彉'
onXxxKeydown: '鎸変笅阌'
(2). 鍏朵粬锻藉悕锛氩厓绱+click銆 鍏幂礌+change銆乻elect+锣冨洿
绀轰緥锛歴electAllXxx: '阃夋嫨镓链'
xxxCellClick: '褰撴煇涓鍗曞厓镙艰镣瑰嚮镞朵细瑙﹀彂璇ヤ簨浠'
xxxSortChange: '褰撹〃镙肩殑鎺掑簭𨱒′欢鍙戠敓鍙桦寲镄勬椂鍊欎细瑙﹀彂璇ヤ簨浠'
b銆佸炲垹鏀规煡澶勭悊锛
澧: addXxx 娣诲姞瀛愰”
createXxx 鍒涘缓澶ч”
鍒: deleteXxx 鐪熷垹闄
removeXxx 浼鍒犻櫎
鏀癸细updateXxx
镆: getXxx 銮峰彇铡熷嬫暟鎹闇瑕佷慨鏀
fetchXxx 铡熷嬫暟鎹
绀轰緥锛欢etUserList: '銮峰彇鐢ㄦ埛鍒楄〃', fetchToken: '鍙栧缑Token', deleteUser: '鍒犻櫎鐢ㄦ埛', removeTag: '绉婚櫎镙囩', updateUserInfo: '镟存柊鐢ㄦ埛淇℃伅', addUser: '娣诲姞鐢ㄦ埛', createAccount: '鍒涘缓璐︽埛'
c銆丄PI鎺ュ彛鍑芥暟锛
get: getXxxApi
post: postXxxApi
patch: patchXxxApi
delect: delectXxxApi
锘熷悕锛歺xxUrl
涓鑸灞炴у彉閲 寮哄埗浣跨敤锛氩皬椹煎嘲锻藉悕娉
1銆佸竷灏斿
锻藉悕瑙勫垯锛氩墠缂涓哄垽鏂镐у姩璇
hasXxx 鍒ゆ柇鏄钖﹀惈链夋煇涓鍊笺伥rue锛氩惈链夋ゅ硷绂 false锛氢笉钖链夋ゅ
isXxx 鍒ゆ柇鏄钖︿负镆愪釜鍊笺伥rue锛氢负镆愪釜鍊硷绂 false锛氢笉涓烘煇涓鍊
绀轰緥锛歩sShow: '鏄钖︽樉绀', isLoading: '鏄钖﹀勪簬锷犺浇涓'锛 hasToken: '鏄钖﹀寘钖玊oken',
2銆佹暟缁勫懡钖
锻藉悕瑙勫垯锛氢娇鐢ㄥ悕璇+List缁勫悎
绀轰緥: userList: '鐢ㄦ埛鍒楄〃'
3銆佺佹湁灞炴у彉閲
锻藉悕瑙勫垯锛氩墠缂涓轰笅鍒掔嚎(_)钖庨溃鍜屽彉閲忓懡钖崭竴镙枫
4銆佹灇涓惧彉閲 \textcolor{red}{寮哄埗浣跨敤锛氩ぇ椹煎嘲锻藉悕娉晑
鏋氢妇镄勫睘镐т娇鐢ㄥ叏澶у啓瀛楁瘝锛屽崟璇嶉棿鐢ㄤ笅鍒掔嚎闅斿紑銆
绀轰緥锛歭et TargetState = { READING: 1, READED: 2, APPLIED: 3, READY: 4 };
5銆佸父閲忥细 寮哄埗浣跨敤锛氢娇鐢ㄥ叏澶у啓瀛楁瘝锛屽崟璇嶉棿鐢ㄤ笅鍒掔嚎闅斿紑
寮哄埗浣跨敤锛氩ぇ椹煎嘲锻藉悕娉
锻藉悕瑙勫垯锛 鍙鍙傝僾ue瀹樼绣椋庢牸鎸囧崡
渚嫔傦细 1銆佹寜镦у姛鑳芥潵锻藉悕
2銆佸簲鐢ㄧ壒瀹氭牱寮忓拰绾﹀畾镄勫熀纭缁勪欢 (涔熷氨鏄灞旷ず绫荤殑銆佹棤阃昏緫镄勬垨镞犵姸镐佺殑缁勪欢) 搴旇ュ叏閮ㄤ互涓涓鐗瑰畾镄勫墠缂寮澶达纴姣斿 Base銆丄pp 鎴 V銆
3銆佺粍浠跺悕搴旇ヤ互楂樼骇鍒镄 (阃氩父鏄涓鑸鍖栨弿杩扮殑) 鍗曡瘝寮澶达纴浠ユ弿杩版х殑淇楗拌瘝缁揿熬銆
绀轰緥锛歝omponents/
|- BaseButton.vue
|- BaseTable.vue
|- BaseIcon.vue
寮哄埗浣跨敤: 涓鍒掔嚎锻藉悕娉
锻藉悕瑙勫垯锛
1.class銆乮d 銆佹爣绛俱佸睘镐х殑锻藉悕搴旇ュ敖閲忕簿鐭銆佹槑纭锛屽繀椤讳互瀛楁瘝寮澶村懡钖嶏纴涓斿叏閮ㄥ瓧姣崭负灏忓啓锛屽崟璇崭箣闂寸粺涓浣跨敤涓鍒掔嚎 钬-钬 杩炴帴
2.class蹇呴’浠ｈ〃鐩稿簲妯″潡鎴栭儴浠剁殑鍐呭规垨锷熻兘锛屼笉寰椾互镙峰纺淇℃伅杩涜屽懡钖嶃
3.鍏幂礌 id 蹇呴’淇濊瘉椤甸溃鍞涓銆
4.绂佹㈠垱寤烘棤镙峰纺淇℃伅镄 class
绀轰緥锛
1銆佸敖閲忎笉瑕佺缉鍐欍佺亩鍐欑殑鍗曡瘝銆傞櫎浜 template => tmp銆乵essage => msg銆乮mage => img銆乸roperty => prop 杩欎簺鍗曡瘝宸茬粡琚鍏璁ょ殑缂╁啓
2銆佸彲璇绘у己镄勫懡钖崭紭鍏堜簬绠鐭镄勫懡钖
3銆佸懡钖嶉暱搴︽渶濂藉湪 20 涓瀛楃︿互鍐咃纴阆垮厤澶氶暱甯︽潵镄勯槄璇讳笉渚
4銆佸懡钖嶈佹湁鍏蜂綋镄勫惈涔夛纴阆垮厤浣跨敤涓浜涙硾鎸囧拰镞犲叿浣揿惈涔夌殑璇
5銆佷笉瑕佷娇鐢ㄦ嫾阔筹纴镟翠笉瑕佷娇鐢ㄤ腑鏂
6銆佹ｅ垯琛ㄨ揪寮忕敤 Exp 缁揿熬
7銆乺ef锛氢娇鐢≧ef缁揿熬