博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
VUe.js 父组件向子组件中传值及方法
阅读量:5248 次
发布时间:2019-06-14

本文共 704 字,大约阅读时间需要 2 分钟。

父组件向子组件中传值

  1.  Vue实例可以看做是大的组件,那么在其内部定义的私有组件与这个实例之间就出现了父子组件的对应关系。

   2. 父子组件在默认的情况下,子组件是无妨访问到父组件中的数据的,所以要想在子组件中使用父组件的数据的时候,就需要以属性绑定的形式,将父组件的数据传递到子组件中。

      3. 通过属性绑定传递来的数据无法再子组件中直接使用,需要在props中重新定义以后才可以使用。例:props:['变量名']。props是一个数组。

      4. 子组件中的data数据都是私有,子组件可以通过ajax请求到的数据放到data上使用。

      5. props:[ ]中的数据都是只读的,不可以进行改变,如果强行改变页面也会显示改变后的效果,但是会有警告。

    

    

 

 父组件向子组件传递方法

    1. 子组件要想获得父组件中的方法,需要使用时间绑定机制。

    2. 在子组件中要想使用父组件传递过来的方法,需要用到一个新的方法  this.$enit.('方法名')

    

    
Document

 

转载于:https://www.cnblogs.com/LittleDuan/p/11331033.html

你可能感兴趣的文章
格而知之2:UIView的autoresizingMask属性探究
查看>>
Spring3.0 AOP 具体解释
查看>>
我的Hook学习笔记
查看>>
EasyUI DataGrid 中字段 formatter 格式化不起作用
查看>>
海量数据存储
查看>>
js中的try/catch
查看>>
[导入]玫瑰丝巾!
查看>>
自动从网站上面下载文件 .NET把网站图片保存到本地
查看>>
【识记】 域名备案
查看>>
STL uva 11991
查看>>
MY SQL的下载和安装
查看>>
自定义OffMeshLink跳跃曲线
查看>>
寄Android开发Gradle你需要知道的知识
查看>>
简述spring中常有的几种advice?
查看>>
牛客网——华为机试(题21:简单密码)(Java)
查看>>
学习Redux之分析Redux核心代码分析
查看>>
ABAP 创建和调用WebService
查看>>
C# 实例化顺序
查看>>
CSS水平垂直居中总结
查看>>
委托又给我惹麻烦了————记委托链的取消注册、获取返回值
查看>>