画布 1
配置选项
  data选项
    1. 本质上，组件的 data 选项只是一个函数
    2. 这个函数会在Vue创建组件实例时被调用
    3. 这个函数会返回一个对象
    4. 返回的这个对象会被Vue包装成响应式数据
    5. 包装后的响应式数据，以 $data 的形式存储在组件实例中
    6. 为方便，data返回的对象的任何顶级属性可以直接通过组件实例直接拿到。前提是需要确保它们都在 data 函数返回的对象中
    7. 如果直接在组件实例是添加新属性，虽然可以添加成功，但是由于它没有在响应式对象$data中，所以该属性不具有响应式
    8. 在data返回的对象的属性，应避免使用$和_开头
  methods选项
    1. 本质是包含一些系列的方法的对象
    2. 作用就是用于给组件实例添加方法
    3. Vue 会自动为 methods 绑定 this，指向组件实例
    4. 箭头函数会影响其正确的this绑定，应避免
    5. methods中的这些方法，可以直接在组件模板中被访问
    6. 可以在模板支持JS表达式的任何地方调用这些方法
    7. 从模板调用的方法不应该有任何副作用
    8. Vue没有内置的防抖和节流，可以使用Lodash等第三方库