从零开始前端-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.打包交付

posted @ 2022-05-06 20:01  于欣轩  阅读(389)  评论(0编辑  收藏  举报