Por favor, ¿hay alguna manera de crear una función auxiliar en un componente raíz en vue y también hacer que la función sea accesible en todos los componentes secundarios?

1
Eddie Dane 4 mar. 2021 a las 10:23

2 respuestas

La mejor respuesta

Puede crear funciones auxiliares y utilizarlas como complemento. En caso de que esté utilizando nuxt.js, puede crear helpers.js en complementos y registrarlo en el archivo nuxt.config.js.

import Vue from 'vue'
import helpers from './helpers'

const plugin = {
  install () {
    Vue.prototype.$helpers = helpers
  }
}

Vue.use(plugin)

En helpers.js, puede definir todas las funciones de ayuda.

export default { 
  cloneObj(val) {
    return JSON.parse(JSON.stringify(val));
  }
};

Entonces puede usarlo en cualquier componente secundario como este:

this.$helpers.cloneObj()
3
Dmitry 4 mar. 2021 a las 09:11

Necesita almacenarlo en un archivo separado porque es frustrante pasarlo como un accesorio de un componente a otro y esa es la idea principal de por qué la administración estatal como Vuex es una mejor solución porque proporciona una administración estatal centralizada que puedes acceder desde cualquier componente

0
Ali Ataf 4 mar. 2021 a las 07:30