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