假设我有一个Vue.js组件如下:
var Bar = Vue.extend({
props: ['my-props'],
template: '<p>This is bar!</p>'
});
我想在vue路由中的某些路由匹配如下时使用它:
router.map({
'/bar': {
component: Bar
}
});
通常，为了将"myProps"传递给组件，我会这样做:
Vue.component('my-bar', Bar);
在html中:
<my-bar my-props="hello!"></my-bar>
在这种情况下，当路由匹配时，路由会自动在路由视图元素中绘制组件.
我的问题是，在这种情况下，我如何传递props ？