<button @click="produnit ^= 1"> produnit: {{produnit ? 'on' : 'off'}} </button>
<button @click="toggle('produnit')"> produnit: {{produnit ? 'on' : 'off'}} </button>
toggle(filter){
this[filter] ^= 1;
}
button
хорошо бы скрыть за отдельным мини-компонентом. boolean
вы используете number
?computed
свойство, которые возвращает отфильтрованный массив(по любому количеству признаков).v-model
. native
говорит вешать обработчики на нативный корневой элемент компонента($el).
Если конечно не писать все скрипты с учётом этой вашей обфускации.
Ну а коллизии имён можно избежать гарантировано только добавляя глобальный индекс в каком либо виде.