vue面试题:谈谈你对vuex的理解 | 您所在的位置:网站首页 › 浅谈你对你使用过的个人电脑的软硬件配置 › vue面试题:谈谈你对vuex的理解 |
面试题:谈谈你对vuex的理解 当面试官问我们对vuex的理解的时候,我们不能只说“vuex是一个专为vue.js应用程序开发的状态管理模式”,尽量不要让面试官连续追问(总会问到自己不会的然后说你实力还差那么点来可以得降薪),应该从这几个方面一次性去说清楚: 1.为什么要用vuex? 2. 什么是vuex? 3. 怎么用vuex(五大核心属性概念,应用…) 一、为什么要用vuex?在大型复杂的项目中(多级组件嵌套),需要实现一个组件更改某个数据,多个组件自动获取更改后的数据进行业务逻辑处理,这时候使用vuex比较合适。假如只是多个组件间传递数据,使用vuex未免有点大材小用,其实只用使用组件间常用的通信方法即可 。 那么怎么安装使用vuex呢? 1.首先 安装vuex cnpm install vuex -save 2. 在src目录下创建store文件夹 3. 在store文件夹内创建index.js文件 4. 在index.js 文件内引入 vue 和注册vuex import Vue from “vue” import Vuex from “vuex” 5.对vuex进行实例化 并导出 const store = new Vuex({ 核心配置 }) export default store 6. 将store配置到vue实例中 new Vue({ router, store, render: h => h(App) }) 二、什么是vuex?Vuex是专门为Vue服务,用于管理页面的数据状态、提供统一数据操作的生态系统,相当于数据库mongoDB,MySQL等,任何组件都可以存取仓库中的数据。 理解性(可读)Vuex采用MVC模式中的Model层,规定所有的数据必须通过action—>mutaion—>state这个流程进行来改变状态的。再结合Vue的数据视图双向绑定实现页面的更新。统一页面状态管理,可以让复杂的组件交互变的简单清晰,同时在调试时也可以通过DEVtools去查看状态。 在当前前端的spa模块化项目中不可避免的是某些变量需 |
CopyRight 2018-2019 实验室设备网 版权所有 |