vue2.0和3.0区别

Vue.js 3.0相对于Vue.js 2.0有以下主要区别：

1. 性能提升：Vue.js 3.0对编译器和渲染器进行了重构，提高了整体性能。

2. 更小的体积：Vue.js 3.0使用了更小的运行时核心，打包后的体积更小。

3. Composition API：Vue.js 3.0引入了Composition API，这是一种新的API风格，它可以更灵活地组织代码和逻辑。

4. 更好的TypeScript支持：Vue.js 3.0完全支持TypeScript，提供了更好的类型推断和类型检查。

5. 更好的Debug工具：Vue.js 3.0提供了更好的Debug工具，可以更方便地调试Vue.js应用程序。

6. 更好的自定义组件支持：Vue.js 3.0提供了更好的自定义组件支持，可以更容易地编写和重用自定义组件。

7. 更好的响应式系统：Vue.js 3.0对响应式系统进行了改进，提供了更好的性能和更好的类型推断。

相关问题

vue2.0和3.0区别watch

Vue 2.0 和 3.0 在 watch 方面有一些区别。在 Vue 2.0 中，我们可以通过在组件选项中定义一个名为 "watch" 的属性来监听数据的变化。例如：

export default {
  data() {
    return {
      message: 'Hello, World!',
    };
  },
  watch: {
    message(newVal, oldVal) {
      console.log('message changed from', oldVal, 'to', newVal);
    },
  },
};

而在 Vue 3.0 中，watch 的用法有所变化。Vue 3.0 引入了 Composition API，我们可以使用新的函数 `watch` 来实现类似的功能。示例如下：

import { watch } from 'vue';

export default {
  setup() {
    const message = ref('Hello, World!');

    watch(message, (newVal, oldVal) => {
      console.log('message changed from', oldVal, 'to', newVal);
    });

    return {
      message,
    };
  },
};

需要注意的是，在 Vue 3.0 中，我们需要使用 `ref` 函数将响应式数据包装起来，然后使用 `watch` 函数来监听其变化。

总的来说，Vue 3.0 的 watch 使用了 Composition API，并提供了更灵活和强大的方式来监听数据的变化。