<div id="app"> <qingjiang v-for="item in items" v-bind:qin="item"></qingjiang> </div> <!-- 导入Vue.js--> <script src=https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js></script> <script> //定义一个前端组件component Vue.component("qingjiang",{ props:['qin'], //组件需要绑定获得的item才能使用它 template: '<li>{{qin}}</li>' }) var vm = new Vue({ el:"#app", data:{ items: ["JAVA","LINUX","前端"] } }); </script>