vue3学习

作者: 喜欢走弯路的人 | 来源:发表于2023-10-24 08:33 被阅读0次

vue3 实现 v-model 原理
如何搭建vue3项目（使用vite以及ts）
vite创建vue3.x项目报404的解决方案
06 Vue3 使用antd 页面布局
vue3 学习笔记
Vue3响应式原理傻瓜式教程（三）——ActiveEffect
[vue3新特性] 0.组合api——1.介绍
vue3项目
Vue3 的新特性
Vue3 的新特性（四） —— 虚拟DOM的底层原理

网址

学习地址

一、创建vue项目：

在所在文件夹内，按住shift的同时鼠标右键打开命令窗口，创建vue项目

1、vue create next-test

2、按需求进行配置

vue3全家桶配置

二、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 异步更新

vue3 实现 v-model 原理
vue3 源码正式放出来了，想必大家也都开始争先恐后的学习 vue3 的知识了。由于 vue3 已经不再支持 v-...
如何搭建vue3项目（使用vite以及ts）
前言 vue3已经正式发布有一段时间了，本着学习使人进步的原则，就开始了vue3的实践之路。vue3推出了一个we...
vite创建vue3.x项目报404的解决方案
vue3来啦，还是得不断地学习吖！vue3官网链接[https://v3.cn.vuejs.org/] 问题使用...
06 Vue3 使用antd 页面布局
概述最近抽出时间把Vue3前端的学习又往前推进一步了，按照 vue3 composition api 代码组织方...
vue3 学习笔记
学习vue3的过程,个人觉得vue3有好多很棒的优点或者写作规范,记录下来,方便复习setup,reactive这...
Vue3响应式原理傻瓜式教程（三）——ActiveEffect
上一节，我们学习到了Vue3如何通过Proxy来更新计算结果：Vue3响应式原理傻瓜式教程（二）——Proxy &...
[vue3新特性] 0.组合api——1.介绍
在前面的教程中，我们一起学习的vue3的内容其实大部分和vue2是一致的，从这节课开始我们开始学习vue3中的新特...
vue3项目
安装过程 1、安装vue3 2、创建vue3项目 3、启动vue3项目 4、vue3加载过程加载index.ht...
Vue3 的新特性
目录 Vue3 的新特性 Vue3 的新特性(二) —— Composition-Api Vue3 的新特性(三)...
Vue3 的新特性（四） —— 虚拟DOM的底层原理
目录 Vue3 的新特性 Vue3 的新特性(二) —— Composition-Api Vue3 的新特性(三)...