- 创建商城项目
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 的部分不使用..可以删除
样式
实现效果
高度由内容撑起
修改
组件及组件间的传值
新建文件制作导航栏组件
网友评论