在vue标签代码块中定义变量

 

方式一：

在标签上使用:set关键字，不管什么标签都可以

<template>
    <h1>test</h1>
    <template :set="first = list[0]"> // 定义变量
        <div>{{first.name}}</div> //使用变量
    </template>
    ...
</template>

<script>
    export default {
        data() {
            return {
                list: [...]
            }
        }
    }
</script>

 

方式二：

使用{{...}}定义变量

<template>
  <div>
    {{ void (value1 = 1, value2 = 2) }} // 定义变量 
    <div>{{value1}}</div> // 使用变量
  </div>
</template>