I'm trying to add a class to my bind however im getting an error on the " animation" its saying : is expected, how do i go about getting that class

:

CodePudding user response：

In your code, you're doing things complex. Here is the simpler one.

new Vue({
  el: '#app',
  data() {
    return {
      animation: 'fade-out',
      alignment: 'center',
      side: 'right'
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <section 
    
    :
  >Devtools</section>
</div>