vue2.0 仿手机新闻站(一)项目开发流程
2023-09-11 14:15:30 时间
vue仿手机新闻站:
1.拿到静态页面,直接用vue边布局,边写 2.假数据 没有用任何UI组件,切图完成
做项目基本流程:
1.规划组件结构
Nav.vue Header.vue Home.vue ...
2.编写对应路由
vue-router
3.具体写每一个组件功能
建议:一些公共文件 jquery,jquery插件,一般在index.html文件里面引入
main.js require() / import vue init webpack-simple news
项目需要的模块:
vuex vue-router axios style-loader css-loader npm install vuex vue-router axios style-loader css-loader -D
重新缕缕:
assets -> 静态资源 img,css,js 想在js里面引入css模块:style-loader,css-loader
路由:
new VueRouter({ routes:路由具体配置 }) watch:{ // 监听,当路由发生变化的时候执行 $route(){ alert(1); } }
数据请求
axios 可以配置
axios.interceptors.request.use(); // 发送请求配置 axios.interceptors.response.use(); // 接收请求配置 axios.defaults.header.post['Content-Type'] = 'application/x-www-form-urlencoded'; // 设置post头部信息
.
相关文章
- Android4.4 Telephony流程分析——彩信(MMS)发送过程
- 技术分享 | 软件测试入门必会-流程管理平台
- 29activiti - 流程变量(总结)
- 测试人员日常基本工作流程
- Vue - cli3 脚手架搭建项目步骤流程(windows)
- packetbeat包流转流程
- 关于项目流程的总结
- SpringCloud电商项目开发完整流程
- 苹果上架的整个流程
- 基于Cocos SDKHub接入华为HMS Game服务—打包上架流程
- 手动构建Servlet项目的流程
- ChatGPT 和 Midjourney 将改变我们的生活,日常工作流程将完全改变并与这些新型工具集成
- Glide 4.x之请求网络图片数据流程解析
- 浅析微信公众号订阅消息开发流程
- 软考高级-信息系统管理师之组织级、流程、项目集(最新版)
- Android View体系(七)从源码解析View的measure流程
- Unity Koreographer 之 音乐制作插件介绍学习,一般使用步骤介绍(包括:一般音乐游戏制作流程简绍) 一
- Vue学习第35天——模拟项目上线基本流程
- 学习软件测试(五)搭建测试环境 phpStudy,TPshop,熟悉项目,项目测试流程,mysql基础语句
- springboot项目打包、部署Tomcat流程详解
- 通用审批流程快速开发系统案例分享
- 理解 C# 项目 csproj 文件格式的本质和编译流程
- 掌握 6 张图彻底搞懂 DevOps CI/CD 流水线和高级项目集成流程,规范各种参与角色打造快速、可靠、持续的交付团队协作