- Создание Hook файла по структуре
hooks\ИмяХука.js
//импортирование модификатора по созданию переменных
//и/или лайвсак методы
//в хук функции
import {ref,onMounted,onCreated,computed,watch} from 'vue';
export function ИмяХука(Стат.Параметры){
//тело функции хука
//lat ИмяПеременной=ref(Значение)
//реактивные переменные, где
//изменение переменной через value
//использование лайвсак методы
//onMounted(параметр);
//onCreated(параметр);
//computed(параметр);
//watch(параметр);
//return {ИмяПеременной,...};
}
- Вызываем хук в компоненте в script и template
<template>
<div v-model="ИмяПеременной"></div>
</template>
<script>
export default{
setup(props){
//объект возвращает хук
const {ИмяПеременной,...} = ИмяХука(Параметр);
....
return {ИмяПеременной,...};
}
}
</script>
