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

2023-06-09,,

方式一:

标签上使用: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>

在vue标签代码块中定义变量的相关教程结束。

《在vue标签代码块中定义变量.doc》

下载本文的Word格式文档,以方便收藏与打印。