vue
henry _J
henryJ
展开
-
组件的自定义事件
vue2中组件间的通信方式,通常用于子组件传递数据给父组件。1、父组件的写法①用v-on或@<template> <div> <h1 v-if='msg'>收到的东西:{{msg}}</h1> <Demo v-on:demo="receiveSth" @click="show"/> </div></template><script>原创 2022-05-12 10:16:16 · 73 阅读 · 0 评论 -
全局事件总线
vue2中的一种组件通信方式,适用于任意组件间,如子孙、兄弟、父子等不同关系的组件间的通信 。1、全局事件总线的条件所有组件都能看到这个总线对象 这个对象能访问$emit、$on方法因此,通常用vm对象作为全局事件总线来使用。2、安装全局事件总线,入口文件为main.jsimport Vue from 'vue'import App from './App.vue'Vue.config.productionTip = falsenew Vue({ render: h =&原创 2022-05-12 11:36:50 · 261 阅读 · 0 评论 -
props属性
vue2中用于父组件向子组件传递数据。(单向下行绑定)注:prop的传递是单向的,父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。即:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。1、父组件(传递数据)<template> <div>原创 2022-05-12 15:15:17 · 724 阅读 · 0 评论