首页 > 其他 > 详细

vue请求数据,props父子组件传值

时间:2019-12-05 23:05:36      阅读:234      评论:0      收藏:0      [点我收藏+]
-请求数据
/*
请求数据的模板:
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.属性或方法

vue请求数据,props父子组件传值

原文:https://www.cnblogs.com/wangdongwei/p/11992478.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!