Skip to content

Commit d9f3d22

Browse files
authored
Merge pull request sdras#45 from joy-yu/master
add vue-router script snippets
2 parents 7a10cf8 + dfd6f12 commit d9f3d22

File tree

3 files changed

+118
-0
lines changed

3 files changed

+118
-0
lines changed

README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,20 @@ Snippet | Purpose
108108
`vmodule` | Vuex Module
109109
`vstore-import` | Import vuex store into main.js
110110

111+
### Vue Router
112+
113+
Snippet | Purpose
114+
-------------------- | ------------------------------
115+
`vrouter` | Base for Vue Router
116+
`vscrollbehavior` | Vue Router scrollBehavior
117+
`vbeforeeach` | Vue Router global guards beforeEach
118+
`vbeforeresolve` | Vue Router global guards beforeResolve
119+
`vaftereach` | Vue Router global guards afterEach
120+
`vbeforeenter` | Vue Router per-route guard beforeEnter
121+
`vbeforerouteenter` | Vue Router component guards beforeRouteEnter
122+
`vbeforerouteupdate` | Vue Router component guards beforeRouteUpdate
123+
`vbeforerouteleave` | Vue Router component guards beforeRouteLeave
124+
111125
### Nuxt Config
112126

113127
Snippet | Purpose

package.json

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,10 @@
4141
"language": "javascript",
4242
"path": "./snippets/vue-script-vuex.json"
4343
},
44+
{
45+
"language": "javascript",
46+
"path": "./snippets/vue-script-router.json"
47+
},
4448
{
4549
"language": "javascript",
4650
"path": "./snippets/nuxt-config.json"
@@ -53,6 +57,10 @@
5357
"language": "typescript",
5458
"path": "./snippets/vue-script-vuex.json"
5559
},
60+
{
61+
"language": "typescript",
62+
"path": "./snippets/vue-script-router.json"
63+
},
5664
{
5765
"language": "typescript",
5866
"path": "./snippets/nuxt-config.json"

snippets/vue-script-router.json

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
{
2+
"Vue Router": {
3+
"prefix": "vrouter",
4+
"body": [
5+
"import Vue from 'vue';",
6+
"import VueRouter from 'vue-router';",
7+
"",
8+
"Vue.use(VueRouter);",
9+
"",
10+
"export const router = new VueRouter({",
11+
"\tbase: '/',",
12+
"\tmode: 'history',",
13+
"\troutes: [",
14+
"\t\t{ path: '/path', component: component }",
15+
"\t}",
16+
"});"
17+
],
18+
"description": "Base for Vue Router"
19+
},
20+
"Vue Router scrollBehavior": {
21+
"prefix": "vscrollbehavior",
22+
"body": [
23+
"scrollBehavior(to, from, savedPosition) {",
24+
"\tif(savedPosition) {",
25+
"\t\treturn savedPosition;",
26+
"\t} else {",
27+
"\t\treturn { x: 0, y: 0 };",
28+
"\t}",
29+
"},"
30+
],
31+
"description": "Vue Router scrollBehavior"
32+
},
33+
"Vue Router beforeEach": {
34+
"prefix": "vbeforeeach",
35+
"body": [
36+
"router.beforeEach((to, from, next) => {",
37+
"\t${1:next();}",
38+
"};"
39+
],
40+
"description": "Vue Router global guards beforeEach"
41+
},
42+
"Vue Router beforeResolve": {
43+
"prefix": "vbeforeresolve",
44+
"body": [
45+
"router.beforeResolve((to, from, next) => {",
46+
"\t${1:next();}",
47+
"};"
48+
],
49+
"description": "Vue Router global guards beforeResolve"
50+
},
51+
"Vue Router afterEach": {
52+
"prefix": "vaftereach",
53+
"body": [
54+
"router.afterEach((to, from) => {",
55+
"\t",
56+
"};"
57+
],
58+
"description": "Vue Router global guards afterEach"
59+
},
60+
"Vue Router beforeEnter": {
61+
"prefix": "vbeforeenter",
62+
"body": [
63+
"beforeEnter(to, from, next) {",
64+
"\t${1:next();}",
65+
"},"
66+
],
67+
"description": "Vue Router per-route guard beforeEnter"
68+
},
69+
"Vue Router beforeRouteEnter": {
70+
"prefix": "vbeforerouteenter",
71+
"body": [
72+
"beforeRouteEnter(to, from, next) {",
73+
"\tnext(vm => {${1:}});",
74+
"},"
75+
],
76+
"description": "Vue Router component guards beforeRouteEnter"
77+
},
78+
"Vue Router beforeRouteUpdate": {
79+
"prefix": "vbeforerouteupdate",
80+
"body": [
81+
"beforeRouteUpdate(to, from, next) {",
82+
"\t${1:next();}",
83+
"},"
84+
],
85+
"description": "Vue Router component guards beforeRouteUpdate"
86+
},
87+
"Vue Router beforeRouteLeave": {
88+
"prefix": "vbeforerouteleave",
89+
"body": [
90+
"beforeRouteLeave(to, from, next) {",
91+
"\t${1:next();}",
92+
"},"
93+
],
94+
"description": "Vue Router component guards beforeRouteLeave"
95+
}
96+
}

0 commit comments

Comments
 (0)