es6语法使用默认参数和解构

   默认参数和解构 当使用 JavaScript 工作时，我们总是需要检查 null/undefined
      值并赋默认值，否则可能编译失败。

<template>
  <div class="wrapper">
    <h3>
      默认参数和解构 当使用 JavaScript 工作时，我们总是需要检查 null/undefined
      值并赋默认值，否则可能编译失败。
    </h3>
  </div>
</template>
<script>
export default {
  name: "Table",

  data() {
    return {};
  },
  methods: {
    toChange(vegetable, quantity = 1) {
      if (!vegetable) return;
      return `第一个和第二个 ${quantity} ${vegetable}!`;
    },
    toChange1({ name, age } = {}) {
      return `这个对象是${name}这个对象是${age}`;
      //这个对象是张三
    },
  },
  computed: {},
  mounted() {
    console.log(this.toChange(2));
    //这么写就限制这个参数必须是name的形参
    let obj = { age: "212", name3: "张三3", name: "张三4" };
    console.log(this.toChange1({ age: "212", name: "张三", name1: "张三1" })); //这个对象是张三这个对象是21
    console.log(this.toChange1(obj)); //这个对象是张三4这个对象是212
  },
};
</script>