【含项目亮点】小免鲜项目总结

【含项目亮点】小兔鲜项目总结

基础总结

• vue3的优势
  组合式API，更好的支持TS。速度提高，diff算法重写。按需引入，更好的treeshaking，体积小。数据式响应更优，使用js的proxy替代Object.defineProperty数据响应式系统，更灵活。

• vue3使用的是vue-create脚手架工具，vue2使用的是vue-cli脚手架工具。

• 项目文件的功能
  package.json 包含项目名称、版本、描述、作者、许可证；依赖管理；一些脚本命令例如启动项目、构建项目。指定入口文件等。
  vite.config.js 项目配置文件，在vue2中是vue.config.js

• vue3 组件的基本结构

<script></script>
<template></template>
<style></style>

• setup语法糖，简化了 export default、setup()、return

• reactive、ref函数，生成对象类型的响应式数据，修改ref类型的数据需要通过value属性

• computed计算，思想和vue2一致，return结果

• watch默认浅层监听，参数传入响应式数据和回调函数。监听 多个数据使用[]包裹。立即执行immediate、深度监听deep写在第三个参数的位置使用{}包裹。精确监听一个数据watch写两个回调，一个写数据，一个写逻辑。

• 生命周期，项目中onMounted常用，钩子可以按顺序执行多次。当你拿到别人的代码不敢修改钩子里面的内容，可以自己再写一个。

vue2 选项式API	vue3 组合式API
beforeCreate/created	setup	vue3无onCreated钩子，直接写在setup中即可。