Vue考试题二

Vue考试题二

---

---

一、vue指令-循环渲染 为什么设置key vue指令-显示隐藏 且区别

v-for key 提高重拍效率，就地复用。
注意点：必须是数字或字符，必须是唯一值
v-if v-show
v-if:通过删除DOM元素
v-show：通过display:none显示和隐藏元素

二、vue生命周期钩子函数各阶段特点，什么作用？

beforeCreate：初始化之前，data里的数据和methods里的方法没有初始化。作用：页面重定向。
created：初始化之后，data里的数据和methods里的方法都已初始化。第一个可以操作data和methods的生命周期。作用：接口请求、数据初始化。
beforeMount：虚拟DOM挂载。
mounted：真实DOM挂载，第一个可以操作DOM的生命周期。
beforeUPdata：更新之前，data里的数据是新的，页面的数据是旧的。
updated：更新之后，data和页面里的数据都是新的。
beforeDestroy：销毁之前，清空页面监听和定时器。
destroyed：销毁之后。

三、属性计算，属性监听

计算(computed)属性：结果会被缓存，依赖的响应式属性变化才会重新计算。
监听(watch)属性：用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作
methods：主要书写业务逻辑。
总结：计算属性用于对已有的数据进行处理和转换，生成新的数据。
监听属性用于检测数据的变化并执行相应的操作

四、什么是vuex

Vuex是一个专为Vue.js应用程序开发的状态管理模式和库.它采用集中式存储管理应用的所有组件的
状态，并以相应的规则保证状态以一种可预测的方式发生变化。

五、为什么用vuex，解决了什么问题

进行统一的状态管理，解决不同组件共享数据的问题
不同视图需要变更同一状态的问题
使用vuex之后，状态变化更加清晰

六、vuex的核心模块

state：存放初识数据，相当于组件中的data
getters：对state中的数据进行初加工。类似于computed属性,不能修改state中的数据
mutations：唯一一个可以修改state中的数据，函数必须是同步的
action：修改state中的数据，但是必须调用mutations里面的方法，包含异步操作
module：对store进行拆分

七、什么是同源策略，什么是跨域

浏览器提供的一种安全协议，主机、协议、端口号只要有一个不一致就会产生同源策略问题，同源策略引起跨域。

八、如何解决跨域

后台直接打开（不安全）
JSONP script标签里的src不受同源策略影响（需要后台配合）
配置代理