ͻ񻣼
Element-UI°æ±¾¹ý¸ß¡£ жÔØÒÀÀµ£¬ÖØа²×°Ò»¸öºÏÊʵİ汾 cnpm uninstall element-ui жÔØ cnpm install element-ui@2.9 -S °²×° ÆäËû£º ÔÚpowershellÖÐжÔØnode_modulesÎļþ¼Ð¼°ÆäÎļþ cd ÏîĿĿ¼ Remove-i ÔĶÁÈ«ÎÄ
ͻ񻣼
ÔÚÖÕ¶ËÖ´ÐÐÃüÁî cnpm i sass sass-loader -D ×¢Òâ ::v-deep ÔĶÁÈ«ÎÄ
ͻ񻣼
ÔÚ¹ÜÀíÔ±ÖÕ¶ËÖÐÊäÈëÃüÁî: npm i -g @vue/cli ´íÎóÔÒòÖ¤ÊéÒѹýÆÚ£¬ÐèÒª°²×°ÌÔ±¦¾µÏñ npm config set registry https://registry.npmmirror.com ʹÓÃcnpm°²×°½ÅÊּܱ¨´í cnpm i -g @vue/cli Õâ¸ö´íÎó±íÃ÷Äã³¢ÊÔÖ´ÐÐµÄ ÔĶÁÈ«ÎÄ
ͻ񻣼
°²×°ÒÀÀµ npm install sass sass-loader --save-dev ¾Ö²¿Ê¹Óà <style scoped lang="scss"> ...¶¨ÒåÑùʽ </style> È«¾Ö¹²ÏíÑùʽ±äÁ¿£¬ÔÚassets/style Îļþ¼ÐÖж¨Òå mixin.scssÎļþ£¬²¢ÉèÖÃһЩÑùʽ£»ÔÚÆäËûÎļþ ÔĶÁÈ«ÎÄ
ͻ񻣼
Ò»°ã¸¸×é¼þÏò×Ó×é¼þ´«Öµ£¬¿ÉÒÔͨ¹ýprops (defineProps).µ«ÊÇ¿ç×é¼þ´«²ÎʹÓÃprops¹ýÓÚÂé·³£¬ÍƼö¿ÉÒÔ͸´«µÄprovideºÍinject provide ÌṩÊý¾Ý inject×¢ÈëÊý¾Ý App.vue´úÂë <script setup> import { ref,provide} fr ÔĶÁÈ«ÎÄ
ͻ񻣼
°²×° npm i nanoid ÒýÈë import {nanoid} from "nanoid"; ʹÓà let id=nanoid(); ÔĶÁÈ«ÎÄ
ͻ񻣼
vue3ÖÐʹÓÃ<RouterView/>±êÇ©Æ®ºì£¬ËäÈ»²»Ó°ÏìÔËÐÐЧ¹û£¬µ«ÊDz»ÃÀ¹Û¡£ ½â¾ö·½Ê½£¬ÈÃtemplateÄ£°åÖÐÓÐÒ»¸öΨһµÄ¸ù×é¼þ°ü¹üÀïÃæµÄÄÚÈÝ ÔĶÁÈ«ÎÄ
ͻ񻣼
ʹÓà npm install ÃüÁî°²×°ÒÀÀµ±¨´í Ê×ÏÈ°ÑÒÀÀµÎļþ¼Ð node_modulesɾµô £¬Èç¹ûpackage.lock.jsonÎļþ´æÔÚҲɾ³ý ʹÓÃÃüÁî npm install -g npm ¸üÐÂnpm°ü¹ÜÀíÆ÷µÄ°æ±¾ ÔĶÁÈ«ÎÄ
ͻ񻣼
»ù´¡µØͼ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ÔĶÁÈ«ÎÄ
ͻ񻣼
ʹÓÃcolspanºÍrowspanʵÏÖ±í¸ñ¶àÑù²¼¾Ö ´úÂë <table border="1px" style="width:100%" cellpadding="0" cellspacing="0"> <tr> <td colspan="1" class="title">ºÏͬÃû³Æ</td> <td ÔĶÁÈ«ÎÄ