Vue组件化开发
通过一个表格渲染的例子来讲
首先最终的效果是这样的,通过http通讯拿到后台数据然后通过vue父子组件通讯将数据传到子组件,最后通过v-for结合表格将数据加载出来
首先拿到后台数据
然后将response复制给数组
//vue生命周期钩子 :组件实例创建完成dom未生成
created () {
this.$http.post(
"/authority/manage",
{
},
{headers: {
'X-Requested-With': 'XMLHttpRequest'
}}
).then(function(response){
this.authorityManages=response.data
})
},
data: function () {
return data
}
然后创建子组件
Vue.component('AmContentBody',{
props: ['items'],
template:'<div id=