页面的状态管理

Question

目前在写的vue页面有如下不同状态，我的写法是这样的

  data: function () {

        return {

            state: 1,  //订单状态 1：未处理 2：已接单 3：已取消 4：完成配送 5已完成

            deliveryState: 1,    //配送状态：1：自取 2：送货

        }

    },

如果改变状态的话是这样写

this.state=2

我觉得这样写页面状态不太好

1、赋值状态的时候不知道状态编码的话就不知道怎么赋值了

2、多个页面要用的话都要在data里写一遍，如果将状态单独写在js文件里import进来的话请问有什么好的写法吗，代码渣渣还请大神赐教

Answer 1

写成枚举就好了，自己定义一个枚举文件然后import进来。

Answer 2

直接赋字符串，都是js了还写得跟c一样在内存上抠门干啥，怕中文出问题就用英文。// data.jsexport default function() {    return { ...whatever } }// page.jsimport data from './data.js'const Component = Vue.extend({ data })