zoukankan      html  css  js  c++  java
  • vue之props父子组件之间的谈话

    眨眼就来杭州两年了,时间真快。

    我们今天来说说vue的一个api---->props

    首先我们先看看一个例子,是我一个项目中写的。

    看到这个;有木有一点懂了。要是没懂,继续往下看

    这里我们用到了$emit这个api,这个api是干嘛的呢,我们来看看文档的说法

    在子组件内使用$emit触发实例上的setDialogVisible函数。

    通过setDialogVisible函数控制isDialogVisible这个变量的布尔值,来达到子组件的显示和隐藏。

    使用props绑定静态数据

    【1】这种方法用于传递字符串,且值是写在父组件自定义元素上的。

    【2】下面示例中的写法,不能传递父组件data属性中的值

    【3】会覆盖模板的data属性中,同名的值。

    <div id="app"> 
      <add btn="h"></add> 
    </div> 
    <script> 
    var vm = new Vue({ 
      el: '#app', 
      data: { 
      h: "hello"
      }, 
      components: { 
        "add": { 
          props: ['btn'], 
          template: "<button>btn:{{btn}}</button>", 
          data: function () { 
            return {btn: "123"}; 
          } 
        } 
      } 
    }); </script>

      vue使用也不是很久,理解可能不到位,有错的地方希望各路大神指出。

    经验在于积累,生命在于运动。

  • 相关阅读:
    模式识别: 线性分类器
    Graph Cuts学习笔记2014.5.16----1
    图像处理程序框架—MFC相关知识点
    图像处理程序框架—MFC相关知识点
    【ML】人脸识别
    【视觉】两个赞的开发文档
    【调研】在总体为n的情况下,多少样本有代表性?
    【ubuntu】upload files
    【git】git pull
    【spark】with mongodb
  • 原文地址:https://www.cnblogs.com/maomao93/p/7044405.html
Copyright © 2011-2022 走看看