vue export

作者：青灯寂焚发布日期:2025-12-20 浏览:72

// Vue 组件导出示例

// 1. 使用 export default 导出 Vue 组件
export default {
  name: 'MyComponent',
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  methods: {
    greet() {
      console.log(this.message);
    }
  }
};

// 解释说明：
// 这是一个使用 Vue.js 创建的简单组件，并通过 `export default` 将其导出。
// 在其他文件中可以通过 `import MyComponent from './MyComponent.vue'` 来引入这个组件。
// `name` 属性定义了组件的名字，`data` 函数返回一个对象，包含了组件的状态，`methods` 对象则定义了组件的方法。

// 2. 使用命名导出
const myMethod = () => {
  console.log('This is a named export method');
};

export { myMethod };

// 解释说明：
// 这里我们定义了一个函数 `myMethod` 并通过 `export` 关键字将其作为命名导出。
// 在其他文件中可以通过 `import { myMethod } from './MyComponent.vue'` 来引入这个方法。

上一篇：vue2 router

下一篇：vue defineemits