前端社招 面经十

一、vue的生命周期

1.Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是Vue的生命周期，Vue中提供的钩子函数有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。

2.常用
①created使用场景（操作数据）：

• 发送ajax请求（调用请求数据的方法）；（更推荐在这里发送ajax请求）
• 操作data中的数据和methods里的方法；
• 获取本地数据。

②mounted使用场景：

• 操作DOM（推荐在这里操作DOM）

二、vuex？actions和mutations有什么区别？数据存在哪里？

浅析vuex
vuex的五个属性是什么，区别和用途

vuex中的数据存储基本操作
application.js

const state = {
  portfolioId: ''
}

const getters = {
  getPortfolioId: state => state.portfolioId
}

const actions = {}

const mutations = {
  setPortfolioId (state, data) {
    state.portfolioId = data
  }
}

export default {
  namespace: true,
  state,
  getters,
  actions,
  mutations
}

存数据

取数据

也可以通过store.state取数据

三、webpack？loader和plugin的区别？

webpack面试题

四、hash和history

五、如何实现适配？rem？em？

移动端前端适配方案总结
px、em、rem三者的区别：