zoukankan      html  css  js  c++  java
  • 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.属性或方法
  • 相关阅读:
    i18n在4种常见环境下使用的方式
    vue-style里面设置变量
    扫码登录功能如何实现?一文搞懂主流的扫码登录技术原理
    Gradle编译Spring源码
    Spring学习总结(7)-AOP
    Docker安装Redis
    Jvm相关文章
    上传项目到Github
    Win10系统安装MySQL Workbench 8
    [转]HashMap 和 currentHashMap 总结
  • 原文地址:https://www.cnblogs.com/wangdongwei/p/11992478.html
Copyright © 2011-2022 走看看