Vue: можно ли добавлять методы из приложения. vue в новые компоненты? - PullRequest
Новая
       3

Vue: можно ли добавлять методы из приложения. vue в новые компоненты?

0 голосов
/ 24 февраля 2020

Я пытаюсь разделить свой проект на несколько отдельных файловых компонентов. Это работает, но у меня все еще есть много методов в моем приложении. vue (основной проект. vue). Можно ли сделать дополнительные компоненты для каждого метода? И если да, как я могу связать переменные с новым компонентом?

Например, в моем приложении есть следующий код: vue: 

<template>
  <div id="app" class="container-fluid">
    <headerbrand v-on:showece="vueshowece"></headerbrand>
    <sidebar v-on:showece="vueshowece" v-bind:selectedece="selectedece"></sidebar>
  </div>
</template>

<script>

  import headerbrand from '@/components/headerbrand.vue'
  import sidebar from '@/components/Sidebar.vue'

  export default {
    name: 'app',
    components: {
      headerbrand,
      sidebar,
    },
    data () {
      return {
          showece:false,
          selectedece:false,
      }
    },
    methods: {
      vueshowece() {
        if (this.showece==false) {
          this.showece=true;
          this.selectedece=true;
        }  
        else if (this.showece==true) this.showece=false;
      }
    },

  };

</script>

Как вы можете видеть У меня есть один метод "vueshowece", который вызывается событием v-on: click, расположенным в другом компоненте с большим количеством кода HTML. Теперь я хочу поместить именно этот метод в отдельный компонент, но я не знаю, как слушать, например, событие v-on: click, поскольку я не могу переопределить его там, потому что это создаст новую копию целое HTML как я знаю.

...