前端基础知识与常见面试题(四)

### **vuex 有哪几种核心属性?**(...map)

state：用于保存状态值

getters：用于获取处理过的状态值
(例如： getters: {
    square(state) {
      return state.num * state.num
    }
  },)

mutations：用于修改状态值(commit)

actions：用于做异步操作，注意actions中不能修改状态值，必须调用mutations（例如：actions:{
getData(context){
setTimeout(()=>{
 let data = { uid: 123456 };
        context.commit('setData', data);
      }, 2000)
}
}）

modules：模块
(例如： modules: {
    am: moduleA,
    bm: moduleB
  },)

——————————————————————————
### **页面刷新vuex被清空解决办法，又名vuex持久化**（redux持久化同理）

一：自己保存在**webstorage**中

二：插件：**vuex-persistedstate**、**vuex-persist**（redux-persist）

三：自己封装

https://juejin.cn/post/7107512806601146376

——————————————————————————————————

### **如何让css在当前组件中起作用**

在style加上scoped，也可以在组件上单独加class

——————————————————————————————————

### **Scss(Sass)、LESS是什么？大家为什么要使用他们？**

css预处理，结构清晰，便于重复利用，便于维护，提供了多种功能(嵌套、变量、继承、运算...)

——————————————————————————————————

### **assets和public的区别**

首先二者都可以存放静态资源，也都可以引入使用

一. 

public : 存放的img、css、js等文件不会再打包时经过处理，直接复制到dist文件下

assets：存放的css、js会在打包时压缩编译，img重命名

二：

public：多用来存放第三方的css和js文件

assets : 存放自己的静态资源

三：

public：动态绑定图片路径的时候可以直接使用图片路径

assets：动态绑定图片路径的时候必须使用require和import引入

——————————————————————————————————