[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-Fdq2YYG6":3,"public-project-articles-Fdq2YYG6":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},295,"Fdq2YYG6",46,"04. 开发系统公告功能（2）","## 开发Vue页面\n\n### 创建页面\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722303193105-2f8611d1-c412-4a6f-9ad7-0f4a17f3756e.png#averageHue=%231f2024&clientId=u326c84ca-5c96-4&from=paste&height=317&id=u756e7a20&originHeight=396&originWidth=659&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=20237&status=done&style=none&taskId=u79cbd25e-73ee-45c9-98af-dbba22b0ab0&title=&width=527.2)\n\n### 使用Element-Plus完成页面开发\n\n[https:\u002F\u002Felement-plus.org\u002Fzh-CN\u002Fcomponent\u002Foverview.html](https:\u002F\u002Felement-plus.org\u002Fzh-CN\u002Fcomponent\u002Foverview.html)\n\n### 创建路由\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722304361722-44cf23c3-c749-4088-9224-d13d3260cb07.png#averageHue=%231f2125&clientId=u326c84ca-5c96-4&from=paste&height=411&id=u094026b0&originHeight=514&originWidth=1109&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=88028&status=done&style=none&taskId=u82d7f5ca-3bac-4523-b820-34e26441a7d&title=&width=887.2)\n\n### 渲染数据\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722304351355-57d4689b-4287-44b7-83fa-e3f75ebee5c7.png#averageHue=%231f2124&clientId=u326c84ca-5c96-4&from=paste&height=285&id=ue1696327&originHeight=356&originWidth=820&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=42156&status=done&style=none&taskId=u217e28d7-e47a-4bcc-b460-a5a352c41b4&title=&width=656)\n\n### 请求数据并渲染数据\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722304391717-ff6e9597-92d6-4cf4-baa5-20cc5dd8dba2.png#averageHue=%231f2024&clientId=u326c84ca-5c96-4&from=paste&height=216&id=u14a8e414&originHeight=270&originWidth=766&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=25239&status=done&style=none&taskId=uba90cb6e-3a7f-4e2e-9471-39400e84c0c&title=&width=612.8)\n\n### 查看网络请求\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722304192427-656a211f-6086-422f-a0ef-26b6827aeb25.png#averageHue=%23433c32&clientId=u326c84ca-5c96-4&from=paste&height=403&id=ufb34bf9d&originHeight=504&originWidth=1912&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=83929&status=done&style=none&taskId=u7b5aae08-c0ce-494f-bec8-ca53defb8d9&title=&width=1529.6)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722304229144-e4d63072-9fcd-4157-ac08-b8c2bce6c12b.png#averageHue=%23f5f4f6&clientId=u326c84ca-5c96-4&from=paste&height=372&id=u88b90147&originHeight=465&originWidth=797&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=33607&status=done&style=none&taskId=u109e0214-6080-4a9b-a068-6fc4394efd4&title=&width=637.6)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1722304251501-8ee86e1c-faae-4f83-b714-cf46f166ea73.png#averageHue=%23fdf6f6&clientId=u326c84ca-5c96-4&from=paste&height=315&id=u39800f80&originHeight=394&originWidth=710&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=9694&status=done&style=none&taskId=u55b6d2ee-95a9-45bb-aca7-d762ac763ea&title=&width=568)\n\n","coding",1,1703,647,"2024-07-30 11:50:26","2026-05-03 22:49:02","SpringBoot3+Vue3的电影评论系统","movie-review",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,27,34,41,42,49,56,63,70,77,84,91,98,105,112],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":14,"project_title":15,"project_slug":16},292,"kCgjr7mm","01. 电影评论系统介绍",4823,638,"2025-01-09 09:33:06",{"id":28,"uuid":29,"project_id":6,"title":30,"type":9,"status":10,"public_enabled":10,"views":31,"sort":32,"created_at":33,"updated_at":14,"project_title":15,"project_slug":16},293,"BlmKufUR","02. 导入并运行脚手架",3530,639,"2024-07-29 10:54:55",{"id":35,"uuid":36,"project_id":6,"title":37,"type":9,"status":10,"public_enabled":10,"views":38,"sort":39,"created_at":40,"updated_at":14,"project_title":15,"project_slug":16},294,"06Pduwwf","03. 开发系统公告功能（1）",2477,640,"2024-07-29 12:10:44",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":43,"uuid":44,"project_id":6,"title":45,"type":9,"status":10,"public_enabled":10,"views":46,"sort":47,"created_at":48,"updated_at":14,"project_title":15,"project_slug":16},296,"GCaoVbnp","05. 开发系统公告功能（3）",1380,648,"2024-07-30 11:51:01",{"id":50,"uuid":51,"project_id":6,"title":52,"type":9,"status":10,"public_enabled":10,"views":53,"sort":54,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},297,"RSJvf6Eg","06. 开发系统公告功能（4）",1361,649,"2024-07-30 11:52:11",{"id":57,"uuid":58,"project_id":6,"title":59,"type":9,"status":10,"public_enabled":10,"views":60,"sort":61,"created_at":62,"updated_at":14,"project_title":15,"project_slug":16},298,"joADRMpg","07. 开发首页展示公告功能（时间线）",1332,650,"2024-07-30 11:52:49",{"id":64,"uuid":65,"project_id":6,"title":66,"type":9,"status":10,"public_enabled":10,"views":67,"sort":68,"created_at":69,"updated_at":14,"project_title":15,"project_slug":16},419,"Qus99gUh","08. 开发电影分类管理功能",1607,800,"2024-09-03 10:35:12",{"id":71,"uuid":72,"project_id":6,"title":73,"type":9,"status":10,"public_enabled":10,"views":74,"sort":75,"created_at":76,"updated_at":14,"project_title":15,"project_slug":16},420,"vkbZ8lMM","09. 开发电影信息管理",1761,801,"2024-09-03 10:35:48",{"id":78,"uuid":79,"project_id":6,"title":80,"type":9,"status":10,"public_enabled":10,"views":81,"sort":82,"created_at":83,"updated_at":14,"project_title":15,"project_slug":16},421,"ZwFHi9Ao","10. 开发电影评论管理功能",1514,802,"2024-09-03 11:39:45",{"id":85,"uuid":86,"project_id":6,"title":87,"type":9,"status":10,"public_enabled":10,"views":88,"sort":89,"created_at":90,"updated_at":14,"project_title":15,"project_slug":16},422,"DmVqZCwN","11. 开发用户管理功能",1171,806,"2024-09-04 11:01:37",{"id":92,"uuid":93,"project_id":6,"title":94,"type":9,"status":10,"public_enabled":10,"views":95,"sort":96,"created_at":97,"updated_at":14,"project_title":15,"project_slug":16},423,"rrMIV8oS","12. 开发用户视角的电影列表",1331,807,"2024-09-04 11:02:08",{"id":99,"uuid":100,"project_id":6,"title":101,"type":9,"status":10,"public_enabled":10,"views":102,"sort":103,"created_at":104,"updated_at":14,"project_title":15,"project_slug":16},424,"Q6ApfoCa","13. 开发电影详情页",1254,808,"2024-09-04 11:53:18",{"id":106,"uuid":107,"project_id":6,"title":108,"type":9,"status":10,"public_enabled":10,"views":109,"sort":110,"created_at":111,"updated_at":14,"project_title":15,"project_slug":16},425,"gjsxuriJ","14. 开发电影评论功能",1501,810,"2024-09-05 11:44:17",{"id":113,"uuid":114,"project_id":6,"title":115,"type":9,"status":10,"public_enabled":10,"views":116,"sort":117,"created_at":118,"updated_at":14,"project_title":15,"project_slug":16},426,"nCDmvc9n","15. 开发电影评分排行榜功能",1051,811,"2024-09-05 11:44:44"]