在 Vue 3.0 中,全局 API 与 Vue 2.x 有一些变化。以下是一些常用的全局 API 在 Vue 3.0 中的使用方式:

1. 创建 Vue 实例

在 Vue 3.0 中,使用 createApp 方法来创建 Vue 实例,而不再使用 new Vue:
import { createApp } from 'vue';

const app = createApp({
  // 组件选项
});

app.mount('#app');

2. 全局组件注册

在 Vue 3.0 中,使用 component 方法来注册全局组件:
import { createApp } from 'vue';
import MyComponent from './MyComponent.vue';

const app = createApp({
  // 组件选项
});

app.component('my-component', MyComponent);

app.mount('#app');

3. 全局指令注册

在 Vue 3.0 中,使用 directive 方法来注册全局指令:
import { createApp } from 'vue';

const app = createApp({
  // 组件选项
});

app.directive('my-directive', {
  // 指令选项
});

app.mount('#app');

4. 全局混入

在 Vue 3.0 中,使用 mixin 方法来注册全局混入:
import { createApp } from 'vue';

const app = createApp({
  // 组件选项
});

app.mixin({
  // 混入选项
});

app.mount('#app');

5. 全局插件注册

在 Vue 3.0 中,使用 use 方法来注册全局插件:
import { createApp } from 'vue';
import MyPlugin from './MyPlugin';

const app = createApp({
  // 组件选项
});

app.use(MyPlugin);

app.mount('#app');

6. 全局挂载点

在 Vue 3.0 中,使用 mount 方法来手动挂载 Vue 实例到一个元素上:
import { createApp } from 'vue';

const app = createApp({
  // 组件选项
});

app.mount('#app');

这些是一些常见的全局 API 的使用方式。Vue 3.0 的设计更加模块化和灵活,引入了 Composition API 等新的概念,使得开发更加方便和高效。建议查阅官方文档以获取更详细的信息:[Vue 3.x Documentation](https://v3.vuejs.org/)。


转载请注明出处:http://www.zyzy.cn/article/detail/548/Vue 3.0