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.属性或方法