vue 知识点

一、子组件调用父组件函数

<v-toast v-if="isShow" title="个人信息" :listData="sxagentInfo" @changeShowFlag="changeShowFlag"></v-toast>

v-toast:  

<div @click="closeShow" class="btn">知道了</div>
methods:{
        closeShow(){
            this.toastShow = false;
            this.$emit("changeShowFlag"); //通过this.$emit("xxx")调用父组件传递过来的函数,xxx红色部分名字相同
} }

二、子组件改变父组件作用域的值

<v-con :pickValueShow="pickValueShow"></v-con>

v-con: 

 this.$emit("update:pickValueShow",false); //子组件通过此操作改变父组件作用域的值

三、vue里this指向 

在Vue所有的生命周期钩子方法(如created,mounted, updated以及destroyed)里使用this,this指向调用它的Vue实例,即(new Vue)。 

箭头函数中的this:箭头函数没有自己的this,它的this是继承而来的,默认指向在定义它时所处的对象(宿主对象,即声明时的对象);function声明的函数,this指向执行时的所处的对象。

posted on 2018-09-20 11:50  我爱吃豌豆  阅读(92)  评论(0编辑  收藏  举报

导航