霸州做网站1766534168,网站的目的和意义,四川网站建设 lkcms,北京电力交易中心整理前一段所做的工作内容 0.其它 vue实战#xff08;1#xff09;#xff1a;准备与资料整理vue实战#xff08;2#xff09;#xff1a;初始化项目、搭建底部导航路由vue实战#xff08;3#xff09;#xff1a;底部导航显示、搭建各模块静态页面、添加登录页页面与… 整理前一段所做的工作内容 0.其它 vue实战1准备与资料整理vue实战2初始化项目、搭建底部导航路由vue实战3底部导航显示、搭建各模块静态页面、添加登录页页面与路由vue实战4postman测试数据、封装ajax、使用vuex管理状态vue实战5总结一vue实战6异步显示数据、开发Star组件vue实战7完整开发登录页面一vue实战8完整开发登录页面二vue实战9总结二vue实战10开发店铺详情一 1. 异步数据 封装ajax: promiseaxios封装ajax请求的函数封装每个接口对应的请求函数(能根据接口定义ajax请求函数)解决ajax的跨越域问题: 配置代理, 对代理的理解
vuex编码创建所有相关的模块: store/index设计state: 从后台获取的数据实现actions: 定义异步action: async/await流程: 发ajax获取数据, commit给mutation实现mutations: 给状态赋值实现index: 创建store对象main.js: 配置store
组件异步显示数据在mounted()通过$store.dispatch(actionName)来异步获取后台数据到state中mapState([xxx])读取state中数据到组件中在模板中显示xxx的数据
模板中显示数据的来源data: 自身的数据(内部改变)props: 外部传入的数据(外部改变)computed: 根据data/props/别的compute/state/getters
异步显示轮播图通过vuex获取foodCategorys数组(发请求, 读取)对数据进行整合计算(一维变为特定的二维数组)使用Swiper显示轮播, 如何在界面更新之后创建Swiper对象?1). 使用回调$nextTick()2). 使用watch$nextTick() 2. 登陆/注册: 界面相关效果 a. 切换登陆方式
b. 手机号合法检查
c. 倒计时效果
d. 切换显示或隐藏密码
g. 前台验证提示 3. 前后台交互相关问题 1). 如何查看你的应用是否发送某个ajax请求? 浏览器的network
2). 发ajax请求404请求的路径的对代理是否生效(配置和重启)服务器应用是否运行
3). 后台返回了数据, 但页面没有显示?vuex中是否有组件中是否读取 转载于:https://www.cnblogs.com/jry199506/p/11040156.html
