vue3新特性

vue3移除API

1：$on移除 vue3默认不支持eventBus模式

2：filter 语法 vue3直接移除{ {msg}} methods替换

3：.sync 基于prop双向绑定 v-model

 

对比vue2选项式和vue3组合式API区别

1：选项式功能的实现是分割的   不在一起的 组合式功能的实现是分块的

2：物理层面 可以按照功能抽离成一个一个的函数 然后再组合起来

3：逻辑层面 setup 组合式API对逻辑复用更加优化

 

 

steup

1：组件中所有组合式API的入口

2：在breforeCreate钩子函数之前执行

3：不能使用this this执行的不是当前组件实例对象 this指向undefined（重点）

4：setup函数只会在组件初始化的时候执行一次 在beforeCreate生命周期钩子执行之前执行

 

响应式方法 reactive

1：可执行的函数 需要从vue框架中导入

2：可执行函数的时候 传入一个对象 函数返回值是一个响应式的代理对象

3：如果响应式对象数据想要在模板使用 必须显示的return出去 return {响应的对象}

<template>
  <div>{
  { state.name }}</div>
  <div>{
  { state.age }}</div>
  <div @click="modifyF