Vue.component('button-counter', {
data: function () {
return {
count: 0
}
},
template: '<button v-on:click="count++">Счётчик кликов — {{ count }}</button>'
})if (this.sorting) {
return this.SORT_MOVIES
} else {
return this.NO_SORT_MOVIES
}computed: {
fullName: {
// геттер:
get: function () {
return this.firstName + ' ' + this.lastName
},
// сеттер:
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}<div v-show="prop === 1"><div class="component"></div></div>
<div v-show="prop === 2"><div class="component"></div></div>
<div v-show="prop === 3"><div class="component"></div></div>return elem:src="imgSrc.img" или где у тебя картинка лежитelem.fileName - это неправильноimgSrc.fileName
@click="openHideBlock" в этом методе ты должен менять this.opened = !this.openedwidth: 100%, height: 100%, opacity: 0.openHideBlock, который меняет состояние и закрывает popup
routes.forEach(({ components: { header, footer } }, i) => {
if (!header) routes[i].components.header = HeaderTemplateRetail
if (!footer) routes[i].components.footer = FooterTemplateRetail
}){
path: "/help/vacancy/",
components: { header: HeaderTemlateVacancy, default: Vacancy, footer: FooterTemlateVacancy },
props: true,
},section.about-fs(@mousemove="rhombAnim")
div.about-rhombuse__item.about-rhombuse__anim(
v-for="(anim, index) in 5"
:class="'about-rhombuse__anim_' + (index + 1)"
:style="rhombValue"
)
div.content-wrap
div.about-rhombuse__item.about-rhombuse__anim(
v-for="(anim, index) in 5"
:class="'about-rhombuse__anim_' + (index + 6)"
:style="rhombValue"
)data() {
return {
rhombValue: {}
}
},methods: {
rhombAnim(e) {
const pageX = e.clientX,
pageY = e.clientY
this.rhombValue = {
transform: "rotate(90deg) translateX(" + pageX/60 + "%) translateY(" + pageY/45 + "%)"
}
}
}corzina(v-if="uslovie")
modal(v-else)