【九月打卡】第1天 初步了解vue3.0语法新特性

课程名称：vue3.0+TypeScript改造vue2.x项目

课程章节：vie3.0新语法使用（第2章）

课程讲师：西门老舅

课程内容：

一、什么是vue.js？

vue.js是一套构建用户界面的渐进式框架，与angular，react构成目前三大主流框架。

二、为什么使用vue3.0

• 新增虚拟dom，编译模板，提升性能优化
• 采用proxy代替definepropety可以监听对象的变化，相当于在监听之前设立一个拦截器
• 对typescript的支持性比vue2.0更好，因为vue3.0本身是基于typescript编写的，所以可以更好的结合typescript
• compositionAPI 更适合复杂的大型项目的编写

三、vue3.0环境搭建

1. 安装npm
2. 使用vue-cli构建项目
3. 创建项目文件夹 vue create myproject

四、vue3.0新特性

• setup 组件入口函数
• ref、 reactive、toRefs、toRef 将普通数据转化为响应式数据
• computed（）计算属性接收一个回调函数返回计算后的值，可以直接在reactive中使用
• 事件methods，直接写在setup中并通过return返回
• watchEffect 监听副作用 无需指定监听的属性，初次进页面，以及数据变化时触发，可以清除副作用
• watch监听具体某一个属性与Vue2类似
• 生命周期钩子函数:
  如：onMounted、 onUpdated、onUnmounted, 必须在setup函数中调用
• hooks函数，也叫use函数，通常是以use开头命名，主要是进行逻辑分离的目的，如追踪鼠标在页面中的位置，点击页面关闭弹窗等事件。

课程收获：

vue3.0已经发布一段时间了，并且越来越火热，我却一直还没来得及了解，想着应该要学习一下了，看到老师的课程马上就开始了我的vue3学习之旅，通过老师的这节课，我不但认识到了vue3对比vue2的一些优势，更了解了它的新特性，对日后使用vue3.0打下了坚实的基础，现在的我对vue3也越来越感兴趣，感谢老师的课，讲的通俗易懂，很nice，我会继续学习的，加油～