Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 10dc17c

Browse files
committed
项目结构调整
1 parent 606c7fc commit 10dc17c

File tree

12 files changed

+131
-207
lines changed

12 files changed

+131
-207
lines changed

‎README.md

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
# VUE-UI-DOCS
2+
3+
## Roadamp
4+
5+
- 基础项目创建
6+
- 目录结构调整
7+
- 1. 入口 site
8+
- 2. 路由调整 Home.vue import HelloWorld from "../components/HelloWorld";
9+
10+
├─site //示例网站目录
11+
│ └─components //示例网站组件
12+
│ └─router //路由配置
13+
│ │ └─index.js //路由配置文件
14+
│ └─views //示例页面
15+
│ │ └─Home.vue //示例网站首页
16+
│ └─App.vue //项目入口
17+
│ └─main.js //启动文件
18+
19+
```javascript
20+
import Vue from "vue";
21+
import VueRouter from "vue-router";
22+
23+
Vue.use(VueRouter);
24+
25+
const routes = [
26+
{
27+
path: "/",
28+
name: "Home",
29+
component: () => import("../views/Home.vue")
30+
}
31+
];
32+
33+
const router = new VueRouter({
34+
mode: "history",
35+
base: process.env.BASE_URL,
36+
routes
37+
});
38+
39+
export default router;
40+
```
41+
42+
```vue
43+
<template>
44+
<h1>
45+
Home
46+
</h1>
47+
</template>
48+
49+
<script>
50+
export default {
51+
name: "Home"
52+
};
53+
</script>
54+
```
55+
56+
```vue
57+
<template>
58+
<div id="app">
59+
<router-view />
60+
</div>
61+
</template>
62+
63+
<style lang="scss">
64+
#app {
65+
font-family: Avenir, Helvetica, Arial, sans-serif;
66+
-webkit-font-smoothing: antialiased;
67+
-moz-osx-font-smoothing: grayscale;
68+
}
69+
</style>
70+
```
71+
72+
```javascript
73+
module.exports = {
74+
pages: {
75+
index: {
76+
entry: "site/main.js"
77+
}
78+
}
79+
};
80+
```

‎site/App.vue

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<template>
2+
<div id="app">
3+
<router-view />
4+
</div>
5+
</template>
6+
7+
<style lang="scss">
8+
#app {
9+
font-family: Avenir, Helvetica, Arial, sans-serif;
10+
-webkit-font-smoothing: antialiased;
11+
-moz-osx-font-smoothing: grayscale;
12+
}
13+
</style>

‎src/main.js renamed to ‎site/main.js

File renamed without changes.

‎site/router/index.js

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import Vue from "vue";
2+
import VueRouter from "vue-router";
3+
4+
Vue.use(VueRouter);
5+
6+
const routes = [
7+
{
8+
path: "/",
9+
name: "Home",
10+
component: () => import("../views/Home.vue")
11+
}
12+
];
13+
14+
const router = new VueRouter({
15+
mode: "history",
16+
base: process.env.BASE_URL,
17+
routes
18+
});
19+
20+
export default router;

‎site/views/Home.vue

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<template>
2+
<h1>
3+
Home
4+
</h1>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: "Home"
10+
};
11+
</script>

‎src/App.vue

Lines changed: 0 additions & 32 deletions
This file was deleted.

‎src/assets/logo.png

-6.69 KB
Binary file not shown.

‎src/components/HelloWorld.vue

Lines changed: 0 additions & 122 deletions
This file was deleted.

‎src/router/index.js

Lines changed: 0 additions & 30 deletions
This file was deleted.

‎src/views/About.vue

Lines changed: 0 additions & 5 deletions
This file was deleted.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /