vue3 setup（详细）使用教程

vue3 setup（详细）使用教程

文章目录

• vue3 setup（详细）使用教程
• • 1：为什么使用setup
  • 2：创建vue3项目
  • 3：在组件中编写setup方法
  • 4：setup生命周期
  • • 4.1：执行时机
    • 4.2：setup 包含的生命周期
  • 5：setup使用ref对数据进行响应式绑定
  • 6：setup使用watch和computed
  • • 6.1：对变化做出反应 watch
    • 6.2：使用 computed 计算count的值：
  • 7：setup看起来似乎更笨重了
  • 8：关于 props 的值

1：为什么使用setup

当项目变大时，一个方法（methods）、一个数据（data）、一张表，相同的逻辑代码出现在多个地方，给维护带来很大的不便。 setup的出现就是为了解决这个问题。