Рубрики
Vue project Vue основы Vue3 логика

Composition API

Hook

  • переиспользуемые части функционала, выносимые в отдельные файлы
  • в функции создать реактивные переменные через ref
  • внутри тела функции хука мы можем использовать лайвсак методы
  • onMounted()
  • onCreated()
  • computed()
  • watch()

hooks\ИмяХука.vue

import {ref,onMounted,onCreated,computed,watch} from 'vue';
export function ИмяХука(параметры){
//тело функции хука
//ref реактивные переменные, где изменение переменной через value
//onMounted(параметр);
//onCreated(параметр);
//computed(параметр);
//watch(параметр);
//return {myref};
}

Вызываем хук в компоненте

какой то компонент в проекте

<script>
export default {
myref - объект, который возвращает хук
setup(props){
  const {myref} = ИмяХука(Параметр);
  ....
  return {myref};
}
}
</script>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *