vue脚手架搭建项目
fetch 不需要引用 代码中test.json 为网上自找的数据
mounted 单词要拼写正确
components
child.vue
<template>
<div>
456{{myname}}
</div>
</template>
<script>
export default {
data(){
return{
myname:"children"
}
},
mounted(){
fetch("/test.json").then(res=>res.json()).then(res=>{
console.log(res); //coming: (3) [{…}, {…}, {…}]
})
}
}
</script>
<style scoped >
</style>
app.vue
<template>
<div>
123
<v-child></v-child>
</div>
</template>
<script>
import vChild from './components/child.vue'
export default {
components:{
vChild
}
}
</script>
<style>
</style>