vue-->组件

<!--view层 模板-->
<div id="app">

<!--    组件 :给组件中传值通过props-->
第三步：
    <qingjiang v-for="item in items" v-bind:qin="item"></qingjiang>
</div>

<!--1.导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>
<script>
   第一步： //定义一个vue组件 还需要添加名字
    vue.component("qingjiang",{
        //模板 对象
        props:['qin'],
        template:'<li>{{qin}}</li>'
    });
第二步：
    var vm =new Vue({
        // el:元素  data:对象
        el:"#app",
        items:["java","linux","前端"]
    });