Помогите с рендингом в vue|nuxt

[Vital1981]

<template>
<div  v-html="par2"></div>    
</template>

</script>
  beforeCreate() {

   this.par2 = '<div v-if="amount > 100">Free1 Shipping!<div><div v-else>Shipping: 19.95$</div>';
   return this.par2;
  },

    created(){
    this.amount = 200;
    return this.par2;
    },


}

</script>

Доброе время суток, уважаемые коллеги. Подскажите пожалуйста в каком направлении копать.
Стоит задача, чтобы рендорилось в соответсвии с условие.

[Vital1981]

Т.е. par2 - мы получаем в виде текста - но его нужно отрендерить в соответствии с условием

[Aetae]

v-html нужен только для исключительных случаев. Весь html просто идёт в vue разметку:

<template>
<div>
  <div v-if="amount > 100">Free1 Shipping!<div>
  <div v-else>Shipping: 19.95$</div>
</div>    
</template>

</script>
    created(){
       this.amount = 200;
    },
}
</script>

Если этот ваш par2 прилетает с сервера, то там не должно быть html, там должны быть какие-то данные по которым vue построит разметку из уже подготовленных компонентов.
Ситуация когда с сервера может прилететь что-то абсолютно рандомное и непредсказуемое - практически не встречаются.

Решения для таких ситуаций есть, но я уверен что у вас - не такая.