Vue组件

<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>