<body>
<div id="app">
//组件:传递给组件中的值:props
<A v-for="item in items" v-bind:B="item"></A>
</div>
<!--导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script>
//Vue.component("标签名(A)",{
// props:['绑定字段(B)'],
// template:'<li>{{绑定字段(B)}}</li>'
//});
//实例:定义一个Vue组件component
Vue.component("A",{
props:['B'],
template:'<li>{{B}}</li>'
});
var vm = new Vue({
el: "#app",
data:{
items:["Java","Linux","前端"]
}
});
</script>
</body>
定义组件,实现循环数据
最新推荐文章于 2024-03-04 11:26:19 发布