"replace: true" component with v-repeat on root node #835
Description
var app = new Vue({
el: '#app',
template: '<div v-component="child"></div>',
components: {
"child": {
replace: true,
template: '<div v-repeat="item: items">{{item}}</div>',
data: function(){
return {
items: [1,2,3]
}
}
}
}
});In the above case, child component can not be rendered properly. ( vuejs version: 0.11.10 )
I created a fiddle for this: http://jsfiddle.net/xefvfsgy/7/
By the way, in the fiddle, when I do
- switch a class by toggle v-class condition's value.
- do some heavy calculation in child component.
the transition on the class will be blocked until the calculation completed.
I know this may not be a bug, but how can I fix it?