子组件： <template> <div> <div class="group"> <label>{{title}}</label> <input type="text" placeholder="请输入" @input="changeData()" v-model="val"> </div> </ ...
分类：
其他好文 时间：
2020-07-14 16:27:04
阅读次数：
82
前言 简单记录一下Vuex使用 什么时候使用 当我们的多个vue实例（页面）或者组件绑定了同一个变量时，我们应该怎么处理？ 如果是父子组件，我们可以使用props和emit来解决； 如果是兄弟组件（没有关联的两个页面），我们可以考虑使用全局变量，甚至是eventHub等全局监听对象；（使用vue.p ...
分类：
其他好文 时间：
2020-07-10 18:48:55
阅读次数：
66
Vue的通信方式有几种？隔代组件的通信用哪种方式解决？ 一：props/$emit 父传子： // parent.vue<s-child v-bind:infos="informations" /> // infos对应子组件上 data() { return { informations: [ { ...
分类：
其他好文 时间：
2020-07-06 01:38:52
阅读次数：
97
解释:函数式组件就是函数是组件 函数式组件与普通组件的区别 1.函数式组件需要在声明组件是指定 functional 2.不需要实例化，所以没有this,this通过render函数的第二个参数来代替 3.没有生命周期钩子函数，不能使用计算属性，watch 4.不能通过$emit 对外暴露事件，调用 ...
分类：
编程语言 时间：
2020-07-04 17:02:04
阅读次数：
115
参考一： vue @click.native 原生点击事件： 1，给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符） 2，等同于在自组件中： 子组件内部处理click事件然后向外发送click事件：$emit("click".fn) ...
分类：
其他好文 时间：
2020-06-29 11:50:12
阅读次数：
119
今天用.sync的时候发现怎么也不起作用，父组件可以给组件传值，但子组件修改值时父组件无法响应，一行一行看过去，花了我一个多小时，哭泣(灬? ?灬)，最后才发现是一个空格捣的鬼： 子组件： this.$emit('update:name', true) //正确，冒号后面没有空格 this.$emi ...
分类：
其他好文 时间：
2020-06-24 18:13:29
阅读次数：
229
1.在main.js中引入中央事件 / 引入$emit和 $on 中央时间总线 Vue.prototype.$eventBus = new New() 2.在父组件的事件中写入要触发的子组件的值 this.$eventBus.$emit("show",参数) 3.在子组件中写出 this.$even ...
分类：
其他好文 时间：
2020-06-22 17:18:09
阅读次数：
59
当更改了用户信息后，需要刷新页面或者组件。 1.当前组件刷新。定义一个请求用户信息的方法，在需要时调用： sessionStorage.setItem('userInfo',JSON.stringify(this.userInfo)); 2.刷新父组件。 子组件某个需要的地方： this.$emit ...
分类：
其他好文 时间：
2020-06-20 15:59:56
阅读次数：
361
在平时的开发过程中，父子 / 兄弟组件间的通信是肯定会遇到的啦，所以这里总结了 6 种 Vue 组件的通信props / $e$emit / Vuex$attrs / $listeners $parent / $children 与 ref provide / inject 前言 如上图所示，A/B ...
分类：
其他好文 时间：
2020-06-16 11:33:04
阅读次数：
61
一、组件的生命周期钩子事件 Vue的生命周期函数，其实就是Vue开发者设定的一些hook钩子，你只要往hook里面编写代码，它就可以执行。如vue实例里的beforeCreate、created、mounted等，都是钩子。 但是你可能不知道，在Vue当中，触发钩子函数的时候，也会向父组件$emit ...
分类：
其他好文 时间：
2020-06-13 11:06:28
阅读次数：
54
