2024年vuex源码解析01index与install，大厂面试问题

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

store.js中的 install函数

我们在使用vuex的时候是vue.use(vuex),这个是怎么实现的呢？

1. vue的插件系统，提供了use函数，方便我们引入插件

2. use函数规定，每个插件都需要编写install函数，vuex在store.js中提供了install函数

// 这里的_vue是一个全局变量，用来接收vue

// vue使用插件的方法很简单，只需Vue.use(Plugins)即可使用插件。在vue中是如何实现的呢?

// 了解vue的话，你应该知道，use()，接收一个install方法，这个install由插件开发者定义。

// 最后达到全局注册组件。

export function install(_Vue) {

// 判断已经引入过插件。防止重复引入。其实在vue.use中也会判断时候已经装过

if (Vue && _Vue === Vue) {

if (process.env.NODE_ENV !== ‘production’) {

console.error(

‘[vuex] already installed. Vue.use(Vuex) should be called only once.’

)

}

return

}

// 如果没有引入，调用applyMixin().此方法位于mixin.js

Vue = _Vue

applyMixin(Vue)

}

install函数调用applyMixin().此方法位于mixin.js

// 执行vuexInit方法初始化Vuex

// 这里针对Vue1.0与2.0分别进行了不同的处理

// Vue1.0，Vuex会将vuexInit方法放入Vue的_init方法中，

// Vue2.0，则会将vuexinit混淆进Vue的beforeCreate钩子中。

export default function (Vue) {

//获取vue的版本

const version = Number(Vue.version.split(‘.’)[0])

// 如果vue的版本大于2的话,直接调用vuexInit放入beforeCreate钩子中

if (version >= 2) {

// 使用mixin方法，在组件创建前加入vuexInit

Vue.mixin({ beforeCreate: vuexInit })

} else {

// 重写init，将vuexInit放入init中

// 先把Vue.prototype._init存放在常量中，防止修改

const _init = Vue.prototype._init

Vue.prototype._init = function (options = {}) {

options.init = options.init

? [vuexInit].concat(options.init)

vuexInit

_init.call(this, options)

}

}

// 在 vuexInit 中，将 new Vue() 时传入的 store 设置到 this 对象的 $store 属性上，//

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】