Is it possible to store a conditional statement in an object and dynamically add it in?

For example, I have a this code that outputs a table row with a button in it:

```
 <tr v-for="item in items">
     <td><button v-if="item.display">{{item.name}}</button>
 </tr>

```

This is my data I'm returning

```
data() {
        return {
            items : [
                {
                    name : 'Item1',
                    display : 'price >= 5',
                },
                {
                    name : 'Item2',
                    display : 'price == 10',
                },
            ],
        }
    },

```

When doing this, the logic doesn't work. The button always displays.

However, if I were to manually enter in that logic for each button. It works correctly. For example, this works:

```
<tr v-for="item in items">
     <td><button v-if="price >= 5">{{item.name}}</button>
 </tr>

```

So, in the end, my question is. Can the conditional statement be stored like that and dynamically added in, or will Vue not recognize it that way?