vue的样式绑定

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

 1 <div :class="[rankClass]"></div>
 2 <script>
 3 data(){
 4     return {
 5         rankClass:text1
 6     }
 7 
 8 }
 9 
10 </script>
11 <style>
12 
13 .text1{
14     color:red;
15 }
16 </style>