vue(3.0,双向数据绑定)

  vue2.0

 实现原理 defineProperty()

 vue3.0

 实现原理 defineProperty()： ref  ，  和 Proxy（）:reactive（）

 使用简单的数据例如 字符串，number 可以直接使用   ref

 不过对象和素组也是可以用他会调用reactive进行数据的双向绑定但是不建议

主要原因

reactive 可以监控删除也就是说数组的改动在vue3.0可以监控 vue2.0需要借助方法

 代码

步骤

1导入 import  {ref,reactive,onMounted} from 'vue'

2 声名  

let name =  ref("我的名字")
           let prope = reactive({
          age:20
        })

3 更改 ref 更改需要.value 不然无法更改