Contenu.vue

<template>
  <div id="app">
    <Volet_Base @rechercherNouvellesPublications="rechercherNouvellesPublications" @choix_variante="choixVariante"
                @newContenu="newContenu" v-bind:nvoContenu="nvoContenu" v-bind:auteur="auteur"
                v-bind:contenuAjoute="contenuAjoute" v-bind:majContenus="majContenus" />
  </div>
</template>

<script>

import Volet_Base from "./components/Volet_Base";
export default {
  name: 'Contenu',
  components: {
    Volet_Base
  },
  methods: {
    /**
     * @vuese
     * Transmission du choix concernant la variante (à destination du composant Menu)
     */
    choixVariante: function (event) {
        // Transmission du booléen concernant la variante
        // @arg True si variante active, False sinon
        this.$emit("choix_variante", {variante: event.variante})
    },
    /**
     * @vuese
     * Transmission de l'information concernant la création d'un nouveau contenu
     */
    newContenu: function () {
      // Evenement à destination de Volet_Base
      this.$emit("newContenu")

    },
    /**
     * @vuese
     * Signal pour déclencher la recherche de nouvelles publications
     */
    rechercherNouvellesPublications: function () {
      this.$emit("rechercherNouvellesPublications")
    }
  },
  props: {
    // L'auteur connecté
    auteur: {},
    // Variable contenant un contenu ajouté, à destination de Volet_Base
    contenuAjoute: {},
    // Variable contenant un "nouveau contenu", créé à partir d'une demande de publication, à destination de Volet_Base
    nvoContenu: {},
    majContenus: {}
}
}
</script>

<style>
button {
  height: 20px;
  width: 20px;
}
</style>