依然、js、DOM 操作を避けることはできません#
例えば、Vue は、id 属性のみを持つ
<div>に属性を追加することができず、js の構文が必要です
ref () 関数が返すデータについて、function と <template> タグでは概念が異なります#
<script setup>
import { ref } from "vue";
const ind = ref(0);
function add(){
ind.value++; // ここでは ind に .value を追加する必要があります
}
</script>
<template>
<p>{{ind}}</p> // ここでは ind は不要です
</template>