以下のようにすでに動作しているプログラムの可読性を
上げるために、関数の切り出しをしたいと考えています。
<template lang="pug"> #stop-watch <img alt="Vue logo" src="./assets/logo.png" /> p num {{num}} button(@click="increment(10)") increment button(@click="decrement(10)") decrement </template> <script setup lang="ts"> import { ref } from "vue"; const num = ref(10); const increment = (n)=>{ num.value+= n; } const decrement = (n)=>{ num.value -= n; } </script>
ここではincrement,decrement関数を別ファイルに書き出そうとしています。
単純に関数を切り出してimportするだけなら問題なくできるのですが
切り出した関数に引数(ここでは"10")を渡す方法がわからず途方にくれています。
色々調べてみましたが、どう実現すればいいのか分からず、何かご教授頂けないでしょうか。
あなたの回答
tips
プレビュー