从零开始前端-vue框架使用入门
从零用vue开发一个项目:
1.下载vue相关的admin或者cli用vue init创建
2.找到index.html->就是绑定vue app.vue的入门
3.找到main.js顺着main.js找到路由
4.先设计好所有页面,可以先画原型图,或者写纯html css js页面,思考如何拆解成组件
5.main.js路由到的就是首页,将首页拆解为子组件,每个组件都是一部份html,例如,header,footer通用的组件,layout及布局,代替后端渲染的模版引擎的功能
6.用组件的时候需要先引入,每个组件有个exporter 标记的就是组件的一些属性,每个组件有它的html,css,js
7.每个组件有自己的网络请求
实际:
一般很少自己写组件都是微调组件
1.到github上找个组建库的admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
2.启动并,浏览整个框架
3.复用主要ui界面,找到路由
4.找到路由到的组件
5.修改组件的数据源,例如axio的网络请求
6.调试网络请求直至ui正常刷新
7.微调ui以满足需求
8.打包交付
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!