Vue实战—评价组件的设计与实现(6)

2019-06-19
阅读 10 分钟
6k
在上篇文章我们将项目头部模块进行了编写与数据渲染。 本篇文章我们进一步深入项目设计评价组件。 分析页面 如图所示,点菜,评价,商家,为导航,我们点击评价的时候,直接跳转评价页面。 评价页面由商家评分一栏,评论列表构成,评论列表支持:全部,有图,点评三种筛选。 综上我们现在开始设计评论组件: 建立组件文...

Vue实战-头部模块编写(5)

2019-06-18
阅读 3 分钟
2.8k
通过上篇我们了解到了vue可以通过axios发送前端请求。 我们知道的在发送请求可以在creted()钩子内,也可以在mounted()钩子内。 本篇我们通过头部模块的编写,将请求到的数据渲染到模块内。 当然我们先要准备静态页面: 01.分析制作静态页面 如图所示,我们可以将整个一个头部模块分为4个部分: · 顶部通栏:返回,搜...

Vue实战—项目数据交互-axios(4)

2019-06-17
阅读 1 分钟
3.6k
1.axios地址 [链接] 2.安装 {代码...} 3.使用 1.用在哪? {代码...} 2.什么时候用? {代码...} 3.怎么用 数据从哪里来: 1.美团API接口 , {代码...} 2.自己搭建线上服务器数据 {代码...} 3.搭建本地模拟数据 {代码...} 结论:为了工作使用1,为了灵活性使用3,自己有现成的服务器或空间,从2、3中选的话,选择2 我们使...

Vue实战—路由轻松设置vue-router(3)

2019-06-15
阅读 2 分钟
8.2k
上篇我们说了vue项目的目录设计,本篇我们来学习一下vue路由。 路由的作用: 在web端路由(route)就是URL到函数的映射,vue的router就像一个容器,分配,处理每一个route到URL中。 文档地址: {代码...} 安装: 通过node.js安装;npm install vue-router 但是一般情况下在node中安装vue项目的时候根据提示选择安装vue-r...