+
+ 在`index.js`我们可以看到代码：
+
+```javascript
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+export default new Router({
+ // mode有两种,分别为hash模式和history模式,hash模式路径的中间有个#符号
+ // hash模式可以输入任何路径都不会出错，history模式需要自行处理404等异常
+ mode: 'history',
+ routes: [
+ {
+ path: '/',
+ component: () => import('@/components/HelloWorld'),
+ },
+ {
+ path: '/NewPage',
+ component: () => import('@/components/NewPage'),
+ }
+ ]
+})
+```
+
+ 当我们在本地输入`http://localhost:8080/`时，会调用`HelloWorld.vue`进行渲染。当输入`http://localhost:8080/NewPage`时，会调用`NewPage.vue`进行渲染。
+
+#### 2、Router模式
+
+ 在`Vue.js`应用中，带有`#`的路径是使用了**Hash 模式**的路由。Vue Router默认使用的是Hash模式，这样的URL形式为`http://localhost:8082/#/`。
+
+ Hash 模式的工作原理是将路由的路径放在 URL 的哈希部分（即 `#` 号后面），而不会导致浏览器向服务器发送请求。这使得单页应用（SPA）能够在前端实现路由，而不需要后端的特殊配置。Hash 模式的优点之一是它在不同的服务器设置下都能工作，因为哈希部分不会被包括在 HTTP 请求中，不会被发送到服务器。
+
+ `Vue Router`提供两种模式，即**Hash 模式**和**History 模式**。
+
+- **Hash 模式（默认）：** 在 Hash 模式下，URL 中的 `#` 后面的内容被视为路由的一部分。这使得` Vue.js` 可以监听 URL 中的变化，并作出相应的路由跳转。
+- **History 模式：** 在 History 模式下，URL 中不再需要 `#`，而直接使用真实的 URL 路径。这需要后端服务器的支持，以确保在直接访问这些URL时能够正确返回你的应用。
+
+要使用 History 模式，需要在创建 Vue Router 实例时指定模式：
+
+```javascript
+javascriptCopy code// router/index.js
+import Vue from 'vue';
+import Router from 'vue-router';
+
+Vue.use(Router);
+
+export default new Router({
+ mode: 'history',
+ routes: [
+ // 路由配置
+ ]
+});
+```
+
+ 但要注意，使用 History 模式时，需要在服务器上进行相应的配置，以确保在直接访问页面时能够正确处理这些路由。如果直接访问一个 History 模式下的 URL，而服务器没有相应的配置，可能会导致 404 错误。在开发环境中，通常不需要进行特殊的服务器配置，因为开发服务器会帮助处理这种情况。
\ No newline at end of file
diff --git a/Learning/vue/5.使用ElementUI美化.md b/Learning/vue/5.使用ElementUI美化.md
new file mode 100644
index 0000000..e69de29
diff --git a/Learning/vue/README.md b/Learning/vue/README.md
new file mode 100644
index 0000000..f78c29b
--- /dev/null
+++ b/Learning/vue/README.md
@@ -0,0 +1,7 @@
+# 文件目录说明
+
+> 更新：zhanli 2023.12.18
+
+1. `vue - ex1` : `Vue`默认的`helloworld`样例
+2. `vue - ex2` : 增加了多页面的支持和路由导航
+3. `webpack` :` vue`初始化工具包
\ No newline at end of file
diff --git a/Learning/vue/vue-helloworld/hellovue/.babelrc b/Learning/vue/vue - ex1/.babelrc
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/.babelrc
rename to Learning/vue/vue - ex1/.babelrc
diff --git a/Learning/vue/vue-helloworld/hellovue/.editorconfig b/Learning/vue/vue - ex1/.editorconfig
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/.editorconfig
rename to Learning/vue/vue - ex1/.editorconfig
diff --git a/Learning/vue/vue-helloworld/hellovue/.gitignore b/Learning/vue/vue - ex1/.gitignore
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/.gitignore
rename to Learning/vue/vue - ex1/.gitignore
diff --git a/Learning/vue/vue-helloworld/hellovue/.postcssrc.js b/Learning/vue/vue - ex1/.postcssrc.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/.postcssrc.js
rename to Learning/vue/vue - ex1/.postcssrc.js
diff --git a/Learning/vue/vue-helloworld/hellovue/README.md b/Learning/vue/vue - ex1/README.md
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/README.md
rename to Learning/vue/vue - ex1/README.md
diff --git a/Learning/vue/vue-helloworld/hellovue/build/build.js b/Learning/vue/vue - ex1/build/build.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/build.js
rename to Learning/vue/vue - ex1/build/build.js
diff --git a/Learning/vue/vue-helloworld/hellovue/build/check-versions.js b/Learning/vue/vue - ex1/build/check-versions.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/check-versions.js
rename to Learning/vue/vue - ex1/build/check-versions.js
diff --git a/Learning/vue/vue-helloworld/hellovue/build/logo.png b/Learning/vue/vue - ex1/build/logo.png
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/logo.png
rename to Learning/vue/vue - ex1/build/logo.png
diff --git a/Learning/vue/vue-helloworld/hellovue/build/utils.js b/Learning/vue/vue - ex1/build/utils.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/utils.js
rename to Learning/vue/vue - ex1/build/utils.js
diff --git a/Learning/vue/vue-helloworld/hellovue/build/vue-loader.conf.js b/Learning/vue/vue - ex1/build/vue-loader.conf.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/vue-loader.conf.js
rename to Learning/vue/vue - ex1/build/vue-loader.conf.js
diff --git a/Learning/vue/vue-helloworld/hellovue/build/webpack.base.conf.js b/Learning/vue/vue - ex1/build/webpack.base.conf.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/webpack.base.conf.js
rename to Learning/vue/vue - ex1/build/webpack.base.conf.js
diff --git a/Learning/vue/vue-helloworld/hellovue/build/webpack.dev.conf.js b/Learning/vue/vue - ex1/build/webpack.dev.conf.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/webpack.dev.conf.js
rename to Learning/vue/vue - ex1/build/webpack.dev.conf.js
diff --git a/Learning/vue/vue-helloworld/hellovue/build/webpack.prod.conf.js b/Learning/vue/vue - ex1/build/webpack.prod.conf.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/build/webpack.prod.conf.js
rename to Learning/vue/vue - ex1/build/webpack.prod.conf.js
diff --git a/Learning/vue/vue-helloworld/hellovue/config/dev.env.js b/Learning/vue/vue - ex1/config/dev.env.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/config/dev.env.js
rename to Learning/vue/vue - ex1/config/dev.env.js
diff --git a/Learning/vue/vue-helloworld/hellovue/config/index.js b/Learning/vue/vue - ex1/config/index.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/config/index.js
rename to Learning/vue/vue - ex1/config/index.js
diff --git a/Learning/vue/vue-helloworld/hellovue/config/prod.env.js b/Learning/vue/vue - ex1/config/prod.env.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/config/prod.env.js
rename to Learning/vue/vue - ex1/config/prod.env.js
diff --git a/Learning/vue/vue-helloworld/hellovue/config/test.env.js b/Learning/vue/vue - ex1/config/test.env.js
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/config/test.env.js
rename to Learning/vue/vue - ex1/config/test.env.js
diff --git a/Learning/vue/vue-helloworld/hellovue/index.html b/Learning/vue/vue - ex1/index.html
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/index.html
rename to Learning/vue/vue - ex1/index.html
diff --git a/Learning/vue/vue-helloworld/hellovue/package-lock.json b/Learning/vue/vue - ex1/package-lock.json
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/package-lock.json
rename to Learning/vue/vue - ex1/package-lock.json
diff --git a/Learning/vue/vue-helloworld/hellovue/package.json b/Learning/vue/vue - ex1/package.json
similarity index 100%
rename from Learning/vue/vue-helloworld/hellovue/package.json
rename to Learning/vue/vue - ex1/package.json
diff --git a/Learning/vue/vue-helloworld/hellovue/src/App.vue b/Learning/vue/vue - ex1/src/App.vue
similarity index 79%
rename from Learning/vue/vue-helloworld/hellovue/src/App.vue
rename to Learning/vue/vue - ex1/src/App.vue
index d74c648..a818655 100644
--- a/Learning/vue/vue-helloworld/hellovue/src/App.vue
+++ b/Learning/vue/vue - ex1/src/App.vue
@@ -6,9 +6,14 @@
diff --git a/Learning/vue/vue - ex2/src/assets/logo.png b/Learning/vue/vue - ex2/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
zcmaKRcUV(fvo}bjDT-7nLI_nlK}sT_69H+`qzVWDA|yaU?}j417wLi^B1KB1SLsC&
zL0ag7$U(XW5YR7p&Ux?sThis is a new page!
+This is a new page!
+