# vue2-project

**Repository Path**: qiuyan-yin/vue2-project

## Basic Information

- **Project Name**: vue2-project
- **Description**: 跟做的尚硅谷的尚品汇项目，电商类项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-28
- **Last Updated**: 2022-08-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS, JavaScript, Vue

## README

<<<<<<< HEAD
# vue项目

#### 介绍
{**以下是 Gitee 平台说明，您可以替换此简介**
Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
无论是个人、团队、或是企业，都能够用 Gitee 实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}

#### 软件架构
软件架构说明


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
=======
1.vue-cli 脚手架初始化项目
node + webpack + 淘宝镜像

node_modules 文件夹：项目依赖文件夹
public 文件夹：一般放置一些静态资源（图片），放在 public 文件夹中的静态资源，webpack 进行打包的时候，会原封不动打包到 dist 文件夹中

src 文件夹（程序员源代码文件夹）

    asset 文件夹：一般也是放置静态资源（一般放置多个组件共用的静态资源），需要注意，放置在 assets 文件夹里面静态资源在 webpack 打包的时候，会把静态资源当作一个模块，打包到 js 文件夹中

    component文件夹：一般放置的是非路由组件（全局组件）

    APP.vue：唯一的根组件，Vue当中的组件（.vue）

    main.js：程序的入口文件，也是整个程序当中最先执行的文件

babel.config.js 文件：配置文件（babel 相关）
package.json 文件：认为项目的‘身份证’，记录项目名字，当中有哪些依赖，项目怎么运行

package-lock.json:缓存性文件

2.项目的其他配置
2.1 项目运行起来的时候，让浏览器自动打开
---package.json
"scripts": {
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
2.2 eslint 校验功能关闭
---根目录下，vue.config.js
比如：声明变量但是没有使用 eslint 校验工具

2.3 src 文件夹简写方法，配置别名
---jsconfig.json 配置别名@提示

项目记录： 1.一级路由是 index 默认一级时/,打开 Index 组件
二级路由不加斜杠

3.项目路由的分析
vue-router
前端所谓路由：KV 键值对
key：URL(地址栏中的网址)
value：响应的路由组件
注意：项目 上中下 结构

路由
Home 首页组件、Search 组件、login 登录路由，Register 注册路由
非路由
Header 组件---首页、搜索
Footer 组件---在首页、搜索，但是登录、注册没有 4.完成非路由组件
（1）书写静态页面
（2）拆分组件
（3）获取服务器的数据动态战术
（4）完成相应的动态业务逻辑
项目采用 less 安装 less less-loader@5 版本

$router是VueRouter的一个实例 push是VueRouter原型上的方法
push是VueRouter类的一个原型方法,$router 是 VueRouter 类的实例,类的实例可以直接调用类的原型方法,所以对原型方法 push 进行修改，修改结果就会作用于组件实例的$router 实例。
很简单push replace方法是$router 隐式原型中的方法，$router 的隐式原型就是 veurouter 的显示原型
>>>>>>> 89ab5ae (first commit)