vue初体验1

Java程序员 - vue初体验

项目实战

1.技术

  • 组件之间的传值
  • axions实现读取json数据:商品的数据存于json中
  • css相关技术进行布局:布局,间距等样式
  • 使用view页面组件,使用route设置页面

2.项目要求

从零开始,实现如图 所示的页面,左右布局,并读取json数据

vue初体验1

 

3.项目

3.1 项目初始化

//创建项目 proj vue create proj //选择内容如下图所示 //进入目录,启动 cd proj npm run serve //如果前面没任何问题,通过提示给出的地址,localhost:8080 就能访问界面

 

vue初体验1

 

vue初体验1

 

4.项目编写

图片路径:

分享给大家一下我自己找的资源,仅供学习,侵权自负。链接:https://pan.baidu.com/s/1vpqpUFMWB-mRghrm9Cqjdg 提取码:n4q6 

慕课网第4阶段,收官案例:https://www.imooc.com/video/20348

第一次编写的代码地址:

https://gitee.com/huqingfeng/vue-learn

//安装axios,读取json,ajax效果的,需要main.js导入 npm i axios -S

 

第一次写,坑坑哇哇挺多的,不会就通过报错,去网上找下答案,基本都解决。