书架

## 面试题 1 **Vue打包后，assets和static的区别是什么？** **道为专家解析：** **相同点**：assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点。 **不相同点**：assets中存放的静态资源文件在项目打包时，也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传，所谓打包简单点可以理解为压缩体积，代码格式化。而压缩后的静态资源文件最终也都会放置在static文件中跟着index.html一同上传至服务器。static中放置的

> 为什么用这个，首先想要手写仓库，那么你使用的数据就必须是响应式数据，不然你改变了，页面却没有改。 > 而**Vue.observable和reactive都是把数据变成响应式的方法** <!--more--> # 手写一个状态管理 ## vue2的做法是 ```javascript import Vue from 'vue' export const store=Vue.observable({ userInfo:null, }) // 定义 mutations, 修改属性 export const mutation={ se

> 使用`el-input`的时候，光标聚焦在输入框，按下回车，会刷新页面。这是因为**当`el-form`表单中只有一个input时，按下回车建会自动触发页面的提交功能， 产生刷新页面的行为**。 ## 解决办法: ### 方法一： * 取消`form`、`el-form`元素，非必要`form`，换成`div` <!--more--> ### 方法二： `form`表单内多增加一个元素，不占据位置即可 ```markup <el-form :model="form" ref="formRef" :inline="true" > <el-form