Vue3-入门学习

搭建工程

一、可以用两种方式来搭建Vue3的项目

1. 使用vue-cli：vue create + 项目名称
2. 使用vite：npm init vite-app + 项目名称

二、两种方式搭建的项目的差别

1. 使用vue-cli搭建的项目引入vue文件的时候可以忽略.vue后缀，而用vite搭建的项目不能
2. index.html文件：vue-cli是在public文件下的，而vite是在根目录下的

Vue3的重大变化

在vue2中，是使用构造函数Vue来创建一个实例的：const app = new Vue(options),

也可以直接这样使用方法：Vue.use( )。

而在vue3中，不存在构造函数Vue

const app = createApp(App)

app.mount('#app')

2. this的指向

Vue2：this是指向当前组件实例的

Vue3：this是指向当前组件的代理对象

3. CompositionApi（组合式） 跟 OptionsApi（选项式） 的区别

4. setup

setup是在所有生命周期钩子函数之前调用的，在setup里面，this是指向undefined的

为什么在使用ref定义的时候，在script里面需要用XXX.value来访问，而在模板中却可以直接用XXX来展示呢？

因为在setup中，count是一个对象，而在实例代理中，count是一个count.value