
以下是 2023 年常见的 Vue 3 面试题及其简要解答,供你参考:
1. Vue 3 的主要新特性是什么?
- Composition API: 提供了更灵活的逻辑复用方式。
- Teleport: 允许将子组件的 DOM 节点传送到 DOM 树的其他位置。
- Fragment: 允许组件返回多个根节点。
- Suspense: 支持异步组件加载和加载状态的管理。
- 性能改进: 包括更小的包体积和更快的渲染速度。
2. 什么是 Composition API,它的优势是什么?
- Composition API 是一种新的 API,允许开发者使用 `setup` 函数来组织和复用逻辑。
- 优势:
- 逻辑复用更灵活。
- 更易于进行单元测试。
- 更清晰的代码组织,避免“选项地狱”问题。
3. Vue 3 中如何定义和使用组件?
javascript
// 定义组件
const MyComponent = {
props: ['msg'],
setup(props) {
return () => h('div', props.msg);
}
};
// 使用组件
const App = {
components: { MyComponent },
setup() {
return () => h(MyComponent, { msg: 'Hello, Vue 3!' });
}
};
4. Vue 3 中如何进行状态管理?
- Vue 3 可以使用 Vuex 4 进行状态管理,支持 Composition API。
- 使用 `createStore` 创建 store,定义 state、mutations、actions 和 getters。
javascript
import { createStore } from 'vuex';
const store = createStore({
state() {
return { count: 0 };