vuex

解决刷新页面vuex store中数据丢失的问题 参考文章： （1）解决刷新页面vuex store中数据丢失的问题 （2）https://www.cnblogs.com/mica/p/10756872.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/stackoom/blog/4693219

目录 父传子 props provide和inject $attrs $listeners（可直接改变父组件中的值） .send（可直接改变父组件中的值） $parent（可直接改变父组件中的值） 子传父 1.ref(可直接修改子组件值) 2.this.$children （得到的为数组）（可直接修改子组件值） 3.$emit(分发事件形式) 4.通过插槽方式传给父组件 $bus（两个组件中传值） vuex 通过app.vue分发 父传子 props provide和inject 必须是两个存在关系的组件，不能在两个毫无关系的两个组件中传值，只能跨层级传值。 相关文章链接: 文章 . $attrs 例： 父组件中 子组件中，如果没有在props中接收，那么就会在this.$attrs中，如果接收了的话就不会在this. $attrs 中，如下图所示 $listeners（可直接改变父组件中的值） 可以在子组件中自定义事件，在子组件没有分发事件的前提下，如下图所示 父组件中： 子组件中： 原理：调用this. $listeners.send传进去一个值，会传到父组件中send方法中，然后进行改变数据的操作 .send（可直接改变父组件中的值） 需要在子组件中通过this. $emit分发事件方式第一个参数为事件名字，必须叫‘update：要修改的属性名’，第二个参数为修改的值

最近入职新的公司，整体来说还是不错的。前一阵子看了很多关于vue的知识点，自己理解着整理一下，再加深一下印象。也希望可以帮助到有需要的同学。理解错误的地方，欢迎指正。 1、对于Vue是一套渐进式框架的理解 答：Vue是渐进的，没有强主张，是个轻量视图。它只做了自己应该做的事，没有做多余的事。 2、vue.js的两个核心是什么？ 答：数据驱动和组件化。 3、vue中的模板编译原理 答：模板指的就是template。如果我们传了一个template，我们会把template转换成一个render函数，然后通过render函数返回虚拟DOM，再把虚拟的DOM变成真正的DOM。 4、 响应式数据的原理 答：响应式就是当数据变化的时候，可以让视图也同步更新。核心是Object.defineProperty，vue初始化的时候，Object.defineProperty依次会给data的属性上增加get和set方法，并对依赖进行收集，如果数据发生变化，就会去通知相关的依赖做出对应的更新。 5、vue生命周期钩子函数有哪些？ (vue2.0) 答：① 创建期间的生命周期函数： beforeCreate()：此时，实例在内存中刚刚创建出来，data和methods没 有被初始化。 created()：此时，实例已经在内存中创建完成，data和methods已经被初始化完成。模板还没有编译。

2、vuex页面刷新数据不保留，解决方法（转） 参考文章： （1）2、vuex页面刷新数据不保留，解决方法（转） （2）https://www.cnblogs.com/zhongchao666/p/9567527.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/4553976