vue计算属性的使用

生产日期原来的由用户选择，有些数字估计是比较久，需要一个一个点击才行现在切换成年月日分别填报，后续保存时合并成日期格式。

computed: {
            tempProductDate: {
                get() {
                  return this.produceY + "-" + this.produceM + "-" + this.produceD;
                },
                set(newValue) {
                  this.tempProductDate = newValue;
                }
            }
  },

如上代码，后期使用时直接用this.tempProductDate便可。

附带后期如何从后台返回日期后分别给年月日三个变量。直接使用js的函数示例如下：

Vue 框架本身并没有提供截取字符串的函数，但是可以使用 JavaScript 的原生方法来实现。下面介绍两种常用的方法：

1. 使用 substr() 方法

substr() 方法接收两个参数，第一个参数为起始位置，第二个参数为需要截取的长度。例如，要截取一个字符串的前五个字符可以这样写：

let str = "Hello World";

let newStr = str.substr(0, 5); // newStr 的值为 "Hello"

1. 使用 slice() 方法

slice() 方法也接收两个参数，第一个参数为起始位置，第二个参数为结束位置（不包括结束位置本身）。例如，要截取一个字符串的第五个字符到第九个字符可以这样写：

let str = "Hello World";

let newStr = str.slice(4, 9); // newStr 的值为 "o Wor"

以上两种方法都会返回一个新的字符串，而不会修改原始的字符串。具体选择哪种方法取决于具体的需求和场景。