rename alias example

yyx990803 · yyx990803 · commit b0f37f6cbbb0 · 2016-07-24T17:37:13.000-04:00
diff --git a/examples/route-alias/app.js b/examples/route-alias/app.js
@@ -0,0 +1,40 @@
+import Vue from 'vue/dist/vue'
+import VueRouter from 'vue-router'
+
+Vue.use(VueRouter)
+
+const Home = { template: '<div><h1>Home</h1><router-view></router-view></div>' }
+const Foo = { template: '<div>foo</div>' }
+const Bar = { template: '<div>bar</div>' }
+const Baz = { template: '<div>baz</div>' }
+
+const router = new VueRouter({
+  mode: 'history',
+  base: __dirname,
+  routes: [
+    { path: '/home', component: Home, children: [
+      // absolute alias
+      { path: 'foo', component: Foo, alias: '/foo' },
+      // relative alias (alias to /home/bar-alias)
+      { path: 'bar', component: Bar, alias: 'bar-alias' },
+      // multiple aliases
+      { path: 'baz', component: Baz, alias: ['/baz', 'baz-alias'] }
+    ]}
+  ]
+})
+
+const app = new Vue({
+  router,
+  template: `
+    <div id="app">
+      <h1>Route Alias</h1>
+      <ul>
+        <li><router-link to="/foo">/foo (renders /home/foo)</router-link></li>
+        <li><router-link to="/home/bar-alias">/home/bar-alias (renders /home/bar)</router-link></li>
+        <li><router-link to="/baz">/baz (renders /home/baz)</router-link></li>
+        <li><router-link to="/home/baz-alias">/home/baz-alias (renders /home/baz)</router-link></li>
+      </ul>
+      <router-view class="view"></router-view>
+    </div>
+  `
+}).$mount('#app')
diff --git a/examples/route-alias/index.html b/examples/route-alias/index.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<a href="/">Examples index</a>
+<div id="app"></div>
+<script src="/__build__/shared.js"></script>
+<script src="/__build__/route-alias.js"></script>
