├── .gitignore
├── .npmignore
├── Makefile
├── README.md
├── examples
└── github-users
│ ├── app.js
│ ├── egoist.html
│ └── index.html
├── package.json
├── rollup.config.js
├── src
├── index.js
└── router.js
├── webpack.config.dev.js
├── webpack.config.js
└── webpack.config.prod.js
/.gitignore:
--------------------------------------------------------------------------------
1 | # app
2 | /dist
3 | /index.js
4 |
5 | # Logs
6 | logs
7 | *.log
8 |
9 | # Runtime data
10 | pids
11 | *.pid
12 | *.seed
13 |
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 |
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 |
20 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
21 | .grunt
22 |
23 | # node-waf configuration
24 | .lock-wscript
25 |
26 | # Compiled binary addons (http://nodejs.org/api/addons.html)
27 | build/Release
28 |
29 | # Dependency directory
30 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-
31 | node_modules
32 | .DS_Store
33 | .AppleDouble
34 | .LSOverride
35 |
36 | # Icon must end with two \r
37 | Icon
38 |
39 |
40 | # Thumbnails
41 | ._*
42 |
43 | # Files that might appear on external disk
44 | .Spotlight-V100
45 | .Trashes
46 |
47 | # Directories potentially created on remote AFP share
48 | .AppleDB
49 | .AppleDesktop
50 | Network Trash Folder
51 | Temporary Items
52 | .apdisk
53 |
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | /test.js
2 |
--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
1 | publish:
2 | npm run build
3 | npm publish
4 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # vue-simple-router
2 |
3 | In fact, it's not simple at all, it's just made for **Non-Single-Page** applications.
4 |
5 | ## Installation
6 |
7 | ```bash
8 | npm install vue-simple-router --save-dev
9 | ```
10 |
11 | ## Example
12 |
13 | ```javascript
14 | import router from 'vue-simple-router';
15 |
16 | // define a view for homepage:
17 | // first define a footer element:
18 | const footer = {
19 | el: '#footer',
20 | data () {
21 | return { year: 2015 };
22 | }
23 | };
24 | const home = {
25 | data () {
26 | return { siteName: 'Home' };
27 | },
28 | kids: [footer],
29 | // It works with `Webpack` and `Vue-loader`
30 | // which means you can write single-file Vue component and use it in Vue Simple Router.
31 | components: {
32 | clock: require('./components/clock.vue')
33 | }
34 | };
35 |
36 | // use a plugin, like vue-resource
37 | router.use(VueResource);
38 | // or
39 | router.Vue.use(VueResource);
40 |
41 | // map routes, support /user/* style minimatch
42 | router.reg('/home*', {
43 | view: home
44 | });
45 | // or Regex
46 | router.reg(/^\/home$/, {
47 | view: home
48 | });
49 |
50 | // initial router and bind it to body
51 | router.init();
52 | // or bind to anywhere
53 | router.init('#app');
54 | ```
55 |
56 | ## License
57 |
58 | MIT © [EGOIST](https://github.com/egoist).
59 |
--------------------------------------------------------------------------------
/examples/github-users/app.js:
--------------------------------------------------------------------------------
1 | System.config({
2 | map: {
3 | }
4 | });
5 | var home = {
6 | data: {
7 | user: {}
8 | },
9 | ready: function () {
10 | $.getJSON('https://api.github.com/users/egoist').then(function (data) {
11 | this.user = data;
12 | }.bind(this));
13 | }
14 | };
15 |
16 | var sox = {
17 | el: '#sox',
18 | data: {
19 | name: 'sox'
20 | }
21 | };
22 |
23 | var egoist = {
24 | data: {
25 | repos: []
26 | },
27 | ready: function () {
28 | $.getJSON('https://api.github.com/users/egoist/repos').then(function (data) {
29 | this.repos = data;
30 | }.bind(this));
31 | },
32 | kids: [sox]
33 | };
34 |
35 | System.import('../../dist/vsr.js')
36 | .then(function (router) {
37 | return router.default;
38 | })
39 | .then(function (router) {
40 | router.reg(/^\/examples\/github-users\/$/, {
41 | view: home
42 | })
43 | router.reg(/^\/examples\/github-users\/([\w])+\.html/, {
44 | view: egoist
45 | })
46 | router.init('body');
47 | });
48 |
--------------------------------------------------------------------------------
/examples/github-users/egoist.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | EGOIST - GitHub users
6 |
32 |
33 |
34 |
37 |
38 |
loading...
39 |
43 |
{{ name }}
44 |
26 |
27 |
![]()
28 |
29 |
32 |