方式一:
在标签上使用: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>