zoukankan      html  css  js  c++  java
  • vue之子父组件通信

    . -父组件间通信:

        let children = {    # 定义子组件

            template: `<div>

                        <button @click="send">点击变大小</button>

                     </div>`,

            methods:{

                send:function () { this.$emit('change',0.1) }  # 括号内参数为传递给父组件哪个

                    }  };  # 接上,事件,后面是参数.

        let parent = {

            components: {'children':children},

            template:`<div>

                        <span :style="{fontSize:size+'em'}">XXXXX</span>

                        <children v-on:change="res"></children>  # 自定义的事件,监听子类的emit

                      </div>` ,

            data(){ return {size:1} },

            methods:{ res : function (value) {

                    this.size += value;

                }}

        };

        new Vue({

            el:'#app',

            components:{parent,},

            template: '<parent></parent>'

            })

  • 相关阅读:
    Shooting Algorithm
    Subgradient Algorithm
    Factorization Machine
    支持向量机
    Hashing Trick
    Science上发表的超赞聚类算法
    Contractive Auto-Encoder
    Shell之数学计算
    牛顿方法(Newton-Raphson Method)
    泊松回归(Poisson Regression)
  • 原文地址:https://www.cnblogs.com/quzq/p/10023088.html
Copyright © 2011-2022 走看看