• 创建商城项目
  vue create proj
  

• 人工干预 手动配置搭建环境

  
  
  

• 是否选择这个模式

  
  

• 等待创建完成
  根据计算机速度 等待

  
  

cd proj 进入文件
npm run serve 运行项目
cnpm 相同

image.png

使用sublime编辑文件

目录

• node_modules:依赖
• public:经常改变的图片
• src-assets不改变的图片
• src-components组件零部件
• src-router路由
• src-views视图

app.vue系统自己生成的

• 若使用这个当做项目的首页,不需要在route.js中配置默认作为根一级组件输出

为了了解 新建文件
命名方法
首字母大写,之后的字母大写

只为了显示图片

改变route.js

• name可以不需要
  注意定义的时候区分文件的大小写
• about 的部分不使用..可以删除

样式

实现效果

高度由内容撑起

修改

组件及组件间的传值

新建文件制作导航栏组件

事件总线 兄弟传值

axios实现读取json数据:商品的数据源存于json中

css相关技术进行布局:布局,间距等样式