vue如何在template中写js

在Vue的template中，可以使用插值语法`{{ }}`来输出数据，也可以使用指令来控制元素的显示和行为。如果需要在template中写js代码，可以直接在插值语法或指令中使用JavaScript表达式。

例如，我们可以在插值语法中使用JavaScript表达式输出数据：

<template>
  <div>
    <p>{{ message }}</p>
    <p>{{ 2 + 2 }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  }
}
</script>

在上面的例子中，我们在插值语法中使用了JavaScript表达式`{{ message }}`和`{{ 2 + 2 }}`，分别输出了数据和计算结果。

除此之外，Vue还提供了一些特殊的指令，如`v-if`、`v-for`、`v-bind`、`v-on`等，这些指令可以让我们更加方便地控制元素的显示和行为。在使用这些指令时，也可以嵌入JavaScript表达式来进行条件判断、循环遍历、动态绑定属性和事件等操作。