Можно ли объявлять методы и тд по условию?

Question

[reasonov]

Здравствуйте, появился вопрос, можно ли объявить метод и тд по условию?
Я написал слайдер, под пк и сенсор, там есть обработчики touch событий и собственно методы к ним, которые на пк версии не используются. Можно ли сделать что то типо

if(mobile){
  touchStart() ...
}

Answer 1

[Aetae]

Какие проблемы?

created() {
  if(mobile){
    this.touchStart = () => {}
  }
}

Но поскольку mobile или не mobile определяется один раз в жизни приложения, то логичней вынести определение функций\методов в отдельный файл, типа:

let touchStart;
if(mobile){
  touchStart = function() {}
} else {
  touchStart = function() {}
}

export {
  touchStart
}

import {touchStart, ...} from './helpers';
methods: {
  touchStart,
  ...
}

Либо как миксин:

const touchMixin = {
  methods: mobile ? {
    touchStart() {}
  } : {
    touchStart() {}
  }
}

mixins: [touchMixin],

Comments

[reasonov]

Спасибо большое, еще один вопросик, стоит ли этим заниматься вообще? Нарушает ли какие нибудь "правила хорошего тона" отсутствие этого?

[Aetae]

reasonov, Vue свободен для творчества.)