一个变更vue子模板内变量的问题

[yagas]

const Bar = { 
	template: '<div><h1>bar<small>{{ ss }}</small></h1></div>', 
	props: ['ss'],
	data:function(){return {ss: "12"};}
};

const routes = [
  { path: '/bar', component: Bar }
];

const router = new VueRouter({
  routes
});

const app = new Vue({
  router : router
}).$mount('#app');

以上是一段vue的代码，使用vue路由加载了一个界面出来，可是，要怎么变更这个界面上的{{ ss }}的内容呢？笨方法是 app.$children[0].ss = "new";
可是这个值有可能不一定是$children[0]。除了这个还有别的什么办法没？