一.vue3的优势

二.使用create-create-vue搭建vue3项目

 

三.项目目录和关键文件 

 四.组合式API

        1，setup的写法和执行时机

        执行时机比beforeCreate还要早

        setup函数中，获取不到this(this 是undefined)

        数据 和 函数 ，需要在 setup 最后 return，才能在模板中引用。代码如下：

setup 语法糖

 

ref 本质：是在原有传入数据的基础上，外层包一层对象，包裹成了复杂类型底层，包成复杂类型以后，再借助reactive实现的响应式。

注意：

1.脚本中访问数据，需要通过 .value

2.在template中使用数据，不需要加 .value