产品介绍

线上版本为前端页面, 部署步骤 前期安装nodejs,vue
顺序执行
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
cnpm run serve
数据在本地存储,直接返回json格式替换即可
const data = [ { intro: '乔丹质燥大闹天宫联名款运动T恤男女2020夏季新款针织国潮短袖T恤', img: 'static/img/index/seckill/seckill-item1.jpg', price: 171.9, realPrice: 189.6 },
{ intro: 'PRICH2020秋季新款女时尚休闲纯色字母百搭长袖T恤PRLWA3820Q', img: 'static/img/index/seckill/seckill-item2.jpg', price: 39.0, realPrice: 99.0 },
{ intro: '花花公子长袖t恤男士秋冬季卫衣2020新款潮流秋衣打底衫加绒上衣', img: 'static/img/index/seckill/seckill-item3.jpg', price: 21.8, realPrice: 49.0 },
{ intro: '安奈儿童装女童高翻领长袖T恤2020冬新款保暖洋气时尚男童打底衫', img: 'static/img/index/seckill/seckill-item4.jpg', price: 19.9, realPrice: 39.0 },
{ intro: '优衣库 【设计师合作款】男装/女装 圆领T恤(长袖) 429158 UNIQLO', img: 'static/img/index/seckill/seckill-item5.jpg', price: 29.9, realPrice: 39.9 },
{ intro: '优衣库 男装/女装 AIRism圆领T恤(长袖) 433839 UNIQLO', img: 'static/img/index/seckill/seckill-item6.jpg', price: 59.9, realPrice: 159.9 }
];

{ title: '清洁用品', tags: [ '纸品湿巾', '衣物清洁', '清洁工具', '家庭清洁', '一次性用品', '驱虫用品', '皮具护理' ] },
{ title: '宠物生活', tags: [ '水族世界', '狗粮', '猫粮', '猫狗罐头', '狗零食', '猫零食', '医疗保健', '宠物玩具', '宠物服饰' ] },
{ title: '香水彩妆', tags: [ 'BB霜', '化妆棉', '女士香水', '男士香水', '底妆', '眉笔', '睫毛膏', '眼线', '眼影', '唇膏/彩' ] },
{ title: '清洁用品', tags: [ '纸品湿巾', '衣物清洁', '清洁工具', '家庭清洁', '一次性用品', '驱虫用品', '皮具护理' ] },
{ title: '宠物生活', tags: [ '水族世界', '狗粮', '猫粮', '猫狗罐头', '狗零食', '猫零食', '医疗保健', '宠物玩具', '宠物服饰' ] }


部分代码:
export default {
name: 'Home',
data () {
return {
activeTitle: '我的订单',
bar: {
'myAddress': '我的收货地址',
'addAddress': '添加收货地址',
'myOrder': '我的订单',
'myShoppingCart': '我的购物车'
} }; },

methods: { onSelect (name) {
this.activeTitle = this.bar[name];
this.$router.push(`/home/${name}`);
} } };



模板优势

效率提高70%

工作量减少60%

快速学习

选择vue

  • 流行趋势,越来越多的pc站使用
  • 快速转化手机端
  • SEO问题已经解决
  • 轻巧、高性能、可组件化的MVVM库
  • 响应式编程、组件化
  • 视图、数据和结构的分离
  • 虚拟DOM、运行速度快

鸡汤

一次正确的选择,大于千百次的努力。

会学习,会寻找捷径学习