vue3学习
2023-10-24 本文已影响0人
喜欢走弯路的人
一、创建vue项目:
在所在文件夹内,按住shift的同时鼠标右键打开命令窗口,创建vue项目
1、vue create next-test
2、按需求进行配置
二、Vue2.x 和 Vue3.x 生命周期对比
Vue2.x 和 Vue3.x 生命周期对比三、vue3中通常需要引入
import {ref,reactive,toRefs,computed,watch,onMounted, nextTick,watchEffect} from 'vue'
ref,reactive 用于响应式
toRefs 将响应式对象转为普通对象
computed 计算属性
watch 监听属性
watchEffect 监听属性
onMounted 组件挂载完成后执行的函数
onBeforeUnmount 组件卸载之前执行的函数;
nextTick 异步更新