本文探讨了Vue3的新特性，包括基于Vite的快速开发环境、新的生命周期钩子以及`computed`和`watch`的区别。Vue3利用ES6的Proxy改进数据响应，移除了模板语法中的`v-for`的key需求。在生命周期方面，`setup`函数取代了部分创建阶段，并引入了如`onBeforeMount`等新钩子。`computed`作为工具函数需从Vue解构使用，而`watchEffect`则会一次性监听多个值的变化。
vue3
npkill 快速删除项目当中的node_modules
- 安装：
npm i -g npkill - 使用：
npkill敲空格确定删除，退出按q
vite
vite的特点
- 快，比webpack快10-100倍
- 原理是，它是基于script标签的type属性值的module模块化，让浏览器去做了80%的解析。webpack的解析完全 依赖于nodejs解析，所以webpack相对vite来说，耗时间多。
创建一个vite项目
npm create vite@latest
命令
- 'npm run dev' 开启开发环境
- ·npm run build· 开启生产环境--打包
语法篇
变化
- template 标签里的语法一点没变
- style 也没变
- script 语法有变化
底层改变里什么？
- vue3使用es6的proxy做数据的劫持，更好，更快，更强大。
- 虚拟dom上自动添加补丁，每一个元素都又一个默认添加的key，v-for不用再加key了。
- vue2的选项模式（面向对象形式），vue3是组合模式（函数式编程），所以，vue3打包之后的体积更小。按需使用。
ref和reactive
- ref 两种用法：1用于声明基本数据类
最低0.47元/天 解锁文章
扫一扫
811
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
