Day 87 VUE——xmall_front 案例

项目目标

1.对项目进行需求分析和模块划分以及功能划分
2.实现首页 + 全部 + 品牌周边页面渲染
3.查看商品详情页制作、商品排序以及分页功能实现
4.使用 token + jwt 实现网站用户登录退出（后台）
5.使用 Meta 原信息实现路由权限控制
6.实现加入购物车、图片懒加载功能
7.实现数据持久化春虎成用户数据和购物车数据
8.项目优化以及如何打包上线整个流程

环境准备

项目环境：vue + vue-router + vuex + element-ui

新建项目：vue create xmall_front
安装插件 element ：vue add element 建议使用局部导入，中文
安装插件 sass：npm install -D sass-loader sass
安装插件 axios：cnpm i axios -S
安装插件 vue-lazyload：cnpm i vue-lazyload -S

 

查看 package.json 文件插件是否安装完成：

开发依赖：
node-sass
sass-loader

依赖关系：
axios
element-ui
vue
vue-lazyload
vue-router
vuex

初始化项目：把创建时项目自带的界面及相关样式、引用、界面等一并删除