页面的状态管理

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

1. 直接赋字符串，都是js了还写得跟c一样在内存上抠门干啥，怕中文出问题就用英文。

2. // data.js
   export default function() {
       return { ...whatever }
   }
   
   // page.js
   import data from './data.js'
   const Component = Vue.extend({ data })