data: () => ({
items: [
{ text: '...', price: ..., checked: false },
{ text: '...', price: ..., checked: false },
...
],
}),
computed: {
sum() {
return this.items.reduce((acc, n) => acc + n.price * n.checked, 0);
},
},<div v-for="n in items">
<label>
<input v-model="n.checked" type="checkbox">
{{ n.text }}
</label>
</div>
<div>SUM: {{ sum }}</div>arrayBuffer у это объекта. event.target.files[0] — это объект класса File, который в свою очередь наследуется от класса Blob. 
<template>
<div>
<div v-for="(image, index) in images" :key="index">
<img :src="image_url(image)" >
</div>
</div>
</template>
<script>
export default {
data() {
return {
domain_name: '//www.mydomain.com',
images: [
"files/image1.jpeg",
"files/image2.jpeg",
"files/image3.jpeg"
]
};
},
computed: {
image_url: function(path) {
return process.env.NODE_ENV === 'production'
? `${this.domain_name}/${path}`
: `/${path}`;
}
}
}
</script>