<template v-for="cell in cells">
<cell :color="cell.color" @click="changeAround(cell)"></cell>
</template>changeAround(cell) {
// change cells color шт cells by using input cell
}myFunc(e){
var element = e.target
},при работе не которые данные куда сохранить лучший вариант? в куки или в localStorage?- куда хотите
при клике на кнопках меняется класс элемента но на всех кнопках
что нужно сделать чтобы менял класс только те которому мы нажали?
<template>
<div>
...
<template v-for="point in points" :key="point.id">
<point :point="point" @click="$emit('gotoOtherComponent')"></point>
</template>
</div>
</template><template>
<div id="app" class="go_section">
<start-screen @gotoOtherComponent="showOther=true" v-if="!showOther"></start-screen>
<other-screen v-if="showOther"></other-screen>
</div>
</template>// store.js
export default {
a: 'foo',
b: 'bar'
}import Vue from 'vue'
import Store from './store'
new Vue({
el: '#app',
data: Store,
render: h => h(App)
})<template>
<div>{{$root.a}}</div>
</template>
<script>
import Store from './store'
export default {
name: 'app',
methods: {
test () {
this.$root.a = 'something value'
}
}
}<map-point v-for="point in points" :key="point" :point="point"></map-point><map-point v-for="point in points" :key="point" v-bind="point"></map-point>props['map_x', 'map_y']
watch: {
// строка с именем метода:
b: 'someMethod'
}<template>
<sort v-model="sortType"></sort>
<list :items="sortedItems"></list>
</template><script>
export default {
props: ['items'],
data() {
return {
sortType: 'byName'
}
},
computed: {
sortedItems() {
switch(this.sortType) {
case 'byName': return // sort by name
case 'bySomething': return // sort by something
}
}
}
}
</script>