页面的状态管理

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.jsexport default function() {    return { ...whatever }
   }// page.jsimport data from './data.js'const Component = Vue.extend({ data })