vuex面试(vuex面试题)

关于vuex面试，vuex面试题这个很多人还不知道，今天小爱来为大家解答以上的问题，现在让我们一起来看看吧！

1、 1.为什么会形成跨域？ 不是一个源的文件操作另一个源的文件就会形成跨域。

2、当请求端的协议、域名、端口号和服务器的协议、域名、端口号有一个不一致就会发生跨域。

3、 解决方法：安装插件 Pip install django-cors-headers 2.vuex的工作流程？ ① 在vue组件里面，通过dispatch来出发actions提交修改数据的操作。

4、 ② 然后再通过actions的commit来出发mutations来修改数据。

5、 ③ mutations接收到commit的请求，就会自动通过Mutate来修改state（数据中心里面的数据状态）里面的数据。

6、 ④ 最后由store触发每一个调用它的组件更新。

7、 3.vuex是什么？怎么使用？ vuex是一个专为vue.js应用程序开发的状态管理模式。

8、使用:store,getters,mutations,actions,modules详细使用写法请见： 4.vuex中的数据在页面刷新后数据消失怎么解决？ 使用sessionStorage或localStorage存储数据;也可以引入vuex-persist插件 5.在vue中，如何阻止事件冒泡和默认行为？ 在绑定事件时，在指令后边加上修饰符.stop来阻止冒泡，.prevent来阻止默认行为 6.深拷贝与浅拷贝？ 假设B复制A，修改A的时候，看B是否变化：B变了是浅拷贝（修改堆内存中的同一个值），没变是深拷贝（修改堆内存中不同的值）。

9、浅拷贝只是增加了一个指针指向已存在的内存地址，深拷贝是增加了一个指针并申请了一个新的内存，使这个增加的指针指向这个新的内存。

vuex面试(vuex面试题)

10、深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体，而不是引用。

vuex面试(vuex面试题)

11、 7.vue的生命周期？ beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyedactived deactived （keep-alive）组件是否激活调用 8. keep-alive: 组件缓存 router.js中: meta: {keepAlive:true} // 需要被缓存 钩子执行顺序：created -> mounted -> actived include表示需要缓存的页面；exclude表示不需要缓存的页面。

12、如果两个同时设置，exclude优先级更 改，则组件不会被缓存。

vuex面试(vuex面试题)

13、 应用场景： 用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回 该列表页，我们希望列表页可以保留用户的筛选状态。

14、 9.vue传值方式？ props $emit() $on() $parent $children $listener $attr 10. $on 兄弟组件传值 $emit 分发 $on 监听 $off 取消监听 $once 一次性监听一个事件 在js文件中定义一个中央事件总线Bus，并暴露出来 具体的实现方式： 使用Bus的时候在接收Bus的组件的beforeDestroy函数中销毁Bus，否则会一直叠加调用这个方法。

15、 应用场景：“退出登录” -> ①点击退出登录；②修改密码后自动退出登录 11.组件跨级传值 $attrs a->b->c $listeners 监听 12.vue事件修饰符有哪些？ .stop .prevent .self .once .passive .sync 13.箭头函数中的this？ 不具有this绑定，但函数体可以使用this，这个this指向的是箭头函数当前所处的词法环境中的this对象。

本文到这结束，希望上面文章对大家有所帮助。