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指向执行时的所处的对象。