<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head> <body> <div id="app"> <ul> <li v-for="item in tabs"> {{ item.text }} </li> </ul> </div> <script type="text/javascript"> new Vue({ el:'#app', data: { tabs: [{ text:'巴士' },{ text:'快车' },{ text:'专车' },{ text:'顺风车' },{ text:'出租车' },{ text:'代驾' }] } }) </script> </body> </html>
vue文件中挂在一个实例