vue请求数据,props父子组件传值
-请求数据
/*
请求数据的模板:
vue-resource的使用 官方提供的一个插件
1、安装并保存到package.json
npm install vue-resource --save
2、在main.js里引入,在main.js里声明使用
import VueResource from 'vue-resource'
Vue.use(VueResource);
3、在组件方法里使用
this.$http.get(api).then((response){
this.list=response.body. ;
})
axios的使用
1、安装并保存
npm install axios --save
2、哪里用哪里引入axios
import Axios from 'axios';
3、在组件方法里使用
Axios.get(api).then()
fetchJsonp的使用,同axios
*/
-父组件传子
1、父组件绑定子组件的时候 绑定动态属性
<v-props :title="title"></v-props>
2、在子组件中接收父组件里的数据
props:['title']
或者以验证类型的形式
props:{
'title':String
}
3、直接在子组件里使用
-父组件主动获取子组件的数据
1、在父组件调用子组件的时候定义一个ref
<v-props ref="props"></v-props>
2、在父组件里使用
getChild(){
this.$refs.props.属性或方法
}
-子组件主动获取父组件的数据
this.$parent.属性或方法