美文网首页
VUEX - 小项目如何取舍

VUEX - 小项目如何取舍

作者: coderfl | 来源:发表于2020-04-18 20:44 被阅读0次

小项目用vuex的弊端:

  1. 引起不必要的项目体积
  2. 引起复杂的状态管理麻烦
    如果是小项目,需要共享的状态不是很多,可以舍弃vuex,用别的方案替代:
    方案1:bus
//vue原型链挂载总线
Vue.prototype.bus = new Vue();

//子组件发送数据
this.bus.$emit("change",data);

//子组件接收数据
this.bus.$on("change",function(data){
})

方案2:简易自制store

import Vue from "vue"
export const store = Vue.observable({a:33})
export const mutation = {
    change(v){
        store.a = v || ''
    }
}

// 使用
computed: {
   msg() {
       return store.a;
    }
},
methods: {
    update(v) {
        mutation.change(v)
    }
},

相关文章

  • VUEX - 小项目如何取舍

    小项目用vuex的弊端: 引起不必要的项目体积 引起复杂的状态管理麻烦如果是小项目,需要共享的状态不是很多,可以舍...

  • 如何更丝滑的使用Vuex

    vuex-cuer 简介 还在为 vuex 的魔法字符串而烦恼?还在为阅读项目里 vuex 相关的代码而头痛?如何...

  • vuex源码分析(一)——初始化vuex

    本文参考珠峰架构公开课之vuex实现原理 vuex是基于vue框架的状态管理。 如何在vue项目中初始化vuex?...

  • 如何管理 vue 项目中的数据?

    vuex 如何管理 vue 项目的数据?这个问题似乎早已经有答案了,无非就是使用 vuex ,全局 store,整...

  • 如何管理 vue 项目中的数据?

    vuex 如何管理 vue 项目的数据?这个问题似乎早已经有答案了,无非就是使用 vuex ,全局 store,整...

  • 一个简单的vuex学习项目

    包含如何新建项目和上传github,包含vuex的State、Getters、Mutations、Actions、...

  • Vuex 不同模块之间的内部调用

    大型Vuex项目 ,使用module后, 如何调用其他模块的 属性值和方法?

  • Vue中的Vuex(一)

    小编在项目中,经常会使用到Vuex,其实小编自己只是知道Vuex是为了解决什么痛点,但是具体这个东西是怎么回事,小...

  • vuex跨组件通信

    一、目录 1、vuex是什么,有什么用,什么时候用 2、vuex的几个核心概念 3、在项目配置vuex 4、在项目...

  • 使用 node 模拟请求接口

    上一篇:Vuex 进阶——模块化组织 Vuex 使用 Vue 写项目肯定会遇到一个问题,如何模拟服务端请求数据,那...

网友评论

      本文标题:VUEX - 小项目如何取舍

      本文链接:https://www.haomeiwen.com/subject/dxiovhtx.html