vue的样式绑定

vue在样式绑定，看这官方的文档，怎么试都不行后来看了一篇文章

 <div :class="[rankClass]"></div>
 <script>
 data(){
     return {
         rankClass:text1
     }

 }

 </script>
 <style>

 .text1{
     color:red;
 }
 </style>