vue es6

// Vue 和 ES6 示例代码

// 引入 Vue
import Vue from 'vue';

// 使用 ES6 的解构赋值和默认参数
const createComponent = (options = {}) => {
  const { data = {}, methods = {}, computed = {} } = options;

  // 创建 Vue 实例
  return new Vue({
    el: '#app',
    data,
    methods,
    computed
  });
};

// 使用 ES6 的箭头函数和模板字符串
const greet = (name) => {
  console.log(`Hello, ${name}!`);
};

// 使用 ES6 的类定义组件
class MyComponent extends Vue {
  constructor() {
    super();
    this.message = 'Welcome to Vue and ES6!';
  }
}

// 使用 ES6 的模块导出
export { createComponent, greet, MyComponent };

解释说明：

1. 引入 Vue：使用 import 语句从 vue 包中引入 Vue。
2. 解构赋值和默认参数：在 createComponent 函数中，使用了解构赋值来简化对象属性的访问，并设置了默认参数。
3. 箭头函数和模板字符串：greet 函数展示了如何使用 ES6 的箭头函数和模板字符串来简化代码。
4. 类定义组件：通过继承 Vue 类来创建一个自定义组件 MyComponent，并在构造函数中初始化数据。
5. 模块导出：使用 export 关键字将函数和类导出，以便其他模块可以导入使用。