Vuex是什么?

       记得去年公司招聘前端工程师的时候,我要负责准备面试题去考验面试者,让我记忆深刻的有一件事,我看大多数面试者简历上都写了熟练掌握Vuex,然而当我问起的时候,大部分回答都支支吾吾,解释不清,而当我提起与Vuex书写相似的Vux的时候,偶尔会被面试者反问到:“这不是一个东西吗?”,和我一同负责面试的技术总监(python,负责后台)也会充满疑惑,也会小声问道:“不是一样的吗?”,我就只好解释完全不是一个东西,一个是状态管理模式,一个是移动端UI组件库等等,说得我口干舌燥......

        

Vuex是什么?

       过了这么久,怎么才突然想起写一篇这样的博客呢,还是因为上上篇博客所提到的那个朋友,也问过我Vuex究竟是什么?正好趁公司项目上线后的这段修整期,有点无聊,写点博客加深一下印象,也希望能帮助更多人理解通Vuex的用法,话不多说,开始步入正题吧......

 

一.Vuex是什么

介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

理解:核心就是 store(仓库),仓库是用来干什么的?你就当它用来储存东西的。

 

二.上方介绍提到的状态管理模式是什么?

     首先我们先看一张图:

     

Vuex是什么?

     图中的状态管理的各部分含义为: 

state,驱动应用的数据源;

view,以声明方式将 state 映射到视图;

actions,响应在 view 上的用户输入导致的状态变化。

     在代码中的体现位置为:

new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { increment () { this.count++ } } })

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyzyyw.html