目录:①属性传值。②请求数据。
①属性传值
父组件向子组件传值。
AApp.vue
<users v-bind:u="users"></users>
<script>
export default {
data (){
users: {}
}
}
</script>
Users.vue
<script>
export default {
// props: ["u"]
props: {
u: {
type: Array,
required: true
}
}
}
</script>
②请求数据。请求数据有3种方法——resource、axios、fetch
先介绍fetch。fetch的优点是不需要下载任何的东西,直接用。
fetch("api/goods")
.then(res => {
return res.json()
})
.then(response => {
console.log(response)
})