javascript - 我如何在 vue 模板中使用 const？

Question

我试图在 *.vue 文件中定义一个 const:

<script>
    export const CREATE_ACTION = 1,
    export const UPDATE_ACTION = 2
<script>

并在模板中使用它们:

<template>
    ...
    <select :disabled="mode === UPDATE_ACTION">
    ....
</template>

但它不起作用。如何在 Vue 模板中使用 const？

Answer 1

如果你将它们暴露在你的数据上，你就会使它们成为不必要的 react ，正如@mix3d 提到的......

更好的方法是将它们添加到 Vue 对象中 Reactivity in Depth :

<template>
      <div v-if="action === CREATE_ACTION">Something</div>
</template>

<script>
export default {
    created() {
        this.CREATE_ACTION = CREATE_ACTION;
        this.UPDATE_ACTION = UPDATE_ACTION;
    }
})
</script>