<div id="example-1">
<ul>
<li v-for="item in items1">
{{ item.message }}
</li>
</ul>
<ul>
<li v-for="item in items2">
{{ item.message }}
</li>
</ul>
</div>
var example1 = new Vue({
el: '#example-1',
data: {
items1: [
{ message: 'Foo' },
{ message: 'Bar' }
],
items2: [
{ message: 'Foo' },
{ message: 'Bar' }
]
}
})
append('div')
должно быть append('xhtml:div')
..colors
вызывайте функцию пересчёта:$('.colors').on('click', '.color', function() {
$(this).toggleClass('checked');
calculate();
});
.colors .checked
и суммирование их data-price
:total += $('.colors .checked', this)
.get()
.reduce((acc, n) => acc + +n.dataset.price, 0);