组件通信大概分三种； 一，父子通信 父传子是在子组件中通过props来接收父组件传递过来的数据： 例如： props: { title: { type: String, //检查接收的数据类型 default: '请输入标题', //设置如果没有传递数据时的默认值 required:true //必 ...
分类：
其他好文 时间：
2020-05-23 00:05:19
阅读次数：
78
我们都知道 Vue 作为一个轻量级的前端框架，其核心就是组件化开发。Vue 就是由一个一个的组件构成的，组件化是它的精髓，也是最强大的功能之一。而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。 但在实际项目开发过程中，我们需要访问其他组件的数据，这样就就有了组件通信的问题。 ...
分类：
其他好文 时间：
2020-05-20 22:47:56
阅读次数：
90
<body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div> <script> //全局组件 //子传父： //1.在父组件中绑定自定义事件 //2.在子组件触发原生的事件，在事件函数通过this.$emit触发自定义的事件 Vue.compon ...
分类：
其他好文 时间：
2020-05-17 01:14:59
阅读次数：
53
<body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div> <script> //全局组件 //父传子：通过props进行通信 //1.在子组件中声明props接收在父组件挂载的属性 //2.可以在子组件的template中任意使用 //3.在 ...
分类：
其他好文 时间：
2020-05-17 01:12:53
阅读次数：
50
父元素方法传值给子元素.html 通过父元素数据直接修改.html 子元素通过调用$parent属性的方法修改父元素的内容.html 子元素通过调用$parent属性的方法修改父元素的内容2.html ...
分类：
其他好文 时间：
2020-05-03 21:54:25
阅读次数：
87
vue 组件间的通信是 vue 开发中很基础也十分重要的部分，作为使用 vue 的开发者每天都在使用。同时，vue 通信也是面试中非常高频的问题，有很多面试题，都是围绕通信展开。 本文会介绍常见的通信方式，并分析每种方式的使用场景和注意点。 vue中提倡单向数据流，这是为了保证数据流向的简洁性，使程 ...
分类：
其他好文 时间：
2020-04-27 13:08:54
阅读次数：
55
通信基本原则 1. 不要在子组件中直接修改父组件的状态数据 2. 数据和处理数据的函数应该在同一模块内 组件通信常用方式 1. props 2. 自定义事件 3. slot插槽 4. 消息订阅与发布 5. vuex 组件通信方式1 props 1. 在组件内声明所有的 props 只指定名称 pro ...
分类：
其他好文 时间：
2020-04-26 21:21:12
阅读次数：
110
在工作中承担一部分前端工作，主要使用Vue + Element UI。 随着版本迭代，需求增加，页面往往变得更加臃肿，不易维护。学习子组件的封装和抽取，能更好适应需求。 为什么需要子组件 可复用 将重复出现的元素封装成组件，可以灵活运用到各个页面中，避免重复劳动。 易维护 每个组件相当于独立的功能组 ...
分类：
其他好文 时间：
2020-04-26 16:49:14
阅读次数：
79
序言 1、什么是redux 官方解释：redux 是 js 应用的可预测状态的容器。 可以理解为全局数据状态管理工具（状态管理机），用来做组件通信等。 2、为什么使用redux 当没有使用redux时兄弟组件间传值将很麻烦，代码很复杂冗余。使用redux定义全局单一的数据Store，可以自定义Sto ...
分类：
其他好文 时间：
2020-04-16 13:08:06
阅读次数：
71
这两天在学Vue,记录一下我认为比较重要的东西 Vue中的组件通信: 我们可以分为3个步骤来: 1.声明局部子组件,简称 "声子", 2.挂载到dom树上面去,简称:"挂子" 3.进行使用,简称:"用子" 上面写的别人可能看不太明白,毕竟只是我的看法: <body> <div id="app"> < ...
分类：
其他好文 时间：
2020-04-12 10:26:15
阅读次数：
72
