update named routes example

Author: yyx990803

examples/named-routes/app.js

@@ -5,15 +5,15 @@ Vue.use(VueRouter)
 
 const Home = { template: '<div>This is Home</div>' }
 const Foo = { template: '<div>This is Foo</div>' }
-const Bar = { template: '<div>This is Bar</div>' }
+const Bar = { template: '<div>This is Bar {{ $route.params.id }}</div>' }
 
 const router = new VueRouter({
   mode: 'history',
   base: __dirname,
   routes: [
     { path: '/', name: 'home', component: Home },
     { path: '/foo', name: 'foo', component: Foo },
-    { path: '/bar', name: 'bar', component: Bar }
+    { path: '/bar/:id', name: 'bar', component: Bar }
   ]
 })
 
@@ -26,7 +26,7 @@ new Vue({
       <ul>
         <li><router-link :to="{ name: 'home' }">home</router-link></li>
         <li><router-link :to="{ name: 'foo' }">foo</router-link></li>
-        <li><router-link :to="{ name: 'bar' }">bar</router-link></li>
+        <li><router-link :to="{ name: 'bar', params: { id: 123 }}">bar</router-link></li>
       </ul>
       <router-view class="view"></router-view>
     </div>

test/e2e/specs/named-routes.js

@@ -19,7 +19,7 @@ module.exports = {
       .click('li:nth-child(3) a')
       .assert.urlEquals('http://localhost:8080/named-routes/bar')
       .assert.containsText('p', 'Current route name: bar')
-      .assert.containsText('.view', 'Bar')
+      .assert.containsText('.view', 'Bar 123')
 
       .click('li:nth-child(1) a')
       .assert.urlEquals('http://localhost:8080/named-routes/')