vue.js (制作电商网站)知识点总结一 待补充
先丢官网 添加链接描述
推荐一个不错的视频教程网站添加链接描述
进入正题
先说vue的页面布局
<template><div class="about"><h1>This is an about page</h1></div>
</template><script>
export default {}</script><style scoped></style>
vue页面分为三个部分,template主要写html ,其余两个相信大家都懂。<“style scoped > 中的 scoped 主要是为了使其私有化,及当前样式只属于当下模块,不污染全局。
先说主页
<template><div id="app"><el-container><el-header><Header /></el-header><el-main><!-- TODO: main.vue --><router-view/></el-main></el-container></div>
</template>
电商网站中一般顶部是不变的,因此我们对整个架构先进行划分,即header和body。代码
就是我们的body
接着讲路由配置,因为涉及到页面跳转
在router.js中
import Vue from 'vue'
import Router from 'vue-router'Vue.use(Router)export default new Router({routes: [{path: '/healthy',name: 'healthy',component: () => import('./views/Healthy.vue')},]
})
上面的基本不用怎么管,我们需要用的是的下面的几行代码,也就是以下几行
{path: '/healthy',name: 'healthy',component: () => import('./views/Healthy.vue')},
我们只需要将我们写好的页面通过以上设置即可本地访问到。
例如创建一个名为“Test.vue”文件,
{
path: ‘/text’,
name: ‘test’,
component: () => import(‘路径,相对于router.js’)
},
更新中2018年11月29日21:05:51
vue.js (制作电商网站)知识点总结一 待补充相关推荐
- [Vue.js]实战 -- 电商项目(一)
项目目录 项目概述 项目初始化 登录/退出功能 主页布局 用户管理模块 权限管理模块 分类管理模块 参数管理模块 商品管理模块 订单管理模块 数据统计模块 项目概述 电商项目基本业务概述 电商后台管理 ...
- [Vue.js]实战 -- 电商项目(四)
分类管理 商品分类概述 商品分类用于在购物时,快速找到所要购买的商品,可以通过电商平台主页直观的看到 商品分类列表 基本布局与数据获取 基本布局 面包屑导航区域 <!-- 面包屑导航区域 --& ...
- [Vue.js]实战 -- 电商项目(二)
主页布局 整体布局 主页布局开始 引入官网的框架时,首先要在element.js中添加 import { Container,Header,Aside,Main } from 'element-ui' ...
- [Vue.js]实战 -- 电商项目(六)
商品管理 商品管理概述 用于维护电商平台的商品信息 包括商品的类型.参数.图片.详情等信息.通过商品管理模块可以实现商品的添加.修改.展示和删除等功能 商品列表 实现商品列表布局效果 调用后台接口获取 ...
- [Vue.js]实战 -- 电商项目(八)
数据统计 数据统计概述 用于统计电商平台运营过程的中的各种统计数据 通过直观的可视化方式展示出来,方便相关运营和管理人员查看 用户来源数据统计报表 Echarts 第三方可视化库的基本使用 安装ech ...
- [Vue.js]实战 -- 电商项目(五)
参数管理 参数管理概述 商品参数用于显示商品的固定的特征信息,可以通过电商平台商品详情页面直观的看到 商品分类选择 选择商品分类 页面布局 <div><!-- 面包屑导航区域 --& ...
- 计算机毕业设计之SpringBoot+Vue.js+WebMagic电商数据分析 电商大数据 电商数据采集系统 电商大屏 大数据毕业设计 电商知识图谱
需求 近5年电商企业社会责任数据,数据可视化 (1) 社会责任数据 (2) 电商企业:(30家左右的数据即可) 1-10名:阿里巴巴.美团点评.拼多多.京东.小米集团.滴滴.贝壳找房.京东健康.阿里健 ...
- [Vue.js]实战 -- 电商项目(三)
权限管理 权限管理业务分析 通过权限管理模块控制不同的用户可以进行哪些操作,具体可以通过角色的方式进行控制,即每个用户分配一个特定的角色,角色包括不同的功能权限 权限列表展示 创建对应规格 在comp ...
- [Vue.js]实战 -- 电商项目(七)
订单管理 订单管理概述 用于维护商品的订单信息 可以查看订单的商品信息.物流信息,并且可以根据实际的运营情况对订单做适当的调整. 订单列表 订单列表展示 订单数据加载 订单列表布局 const { d ...
最新文章
- qt获取console输出_怎么在Centos 7 安装 Qt-4.8.6-MySQL 驱动?
- 无限极评论回复插件_如何一键修复上色破损的旧照片?老照片有救了,用这个魔法插件...
- 用 Python 和 OpenCV 检测和跟踪运动对象
- git经常使用命令和问题
- Python基本类型-字典
- 吃鸡服务器不接受响应,绝地求生:蓝洞优化服务器性能,从此告别掉帧延迟!...
- CentOS6.4之Linux软件包管理
- spark数据本地性级别划分
- 使用jxl来读取Excel中的数据
- Motion and Optical Flow
- 基于Python的Landsat影像建设用地自动识别与提取
- Atitit 未来数据库新特性展望目录1. 统一的翻页 21.1. 2 Easy Top-N
- 新手学电脑入门教程_3Dmax难学嘛?3Dmax到底好不好学
- 计算机打印机共享失败,局域网共享打印机连接失败怎么办
- erp和php数据对接,ERP系统与PLC数据对接方法
- 电脑右键的新建怎么没有了
- 17AHU排位赛2 A题(最小生成树、LCA维护树上路径)
- 浏览器标准模式和怪异模式之间的区别是什么?
- 利用百度地图开放平台的Web API实现检索定位
- android pc 模拟器哪个好,安卓模拟器电脑版哪个好?