<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <div v-if="vip==1"> <h1>这是VIP1的内容</h1> </div> <div v-else-if=‘vip==2‘> <h1>这是VIP2的内容</h1> </div> <div v-else> <h1>这是普通用户的内容</h1> </div> </div> <script type="text/javascript"> var app = new Vue({ el:‘#app‘, data:{ vip:2 }, methods:{ } }) </script> </body> </html>
原文：https://www.cnblogs.com/wwthuanyu/p/10554836.html