vue3.x学习

经过一段时间对vue3.x的学习，对它有了一个浅显的了解. 除了与vue2.x一致的特性外，还有一些vue3.x特有的特性
vue3.x并未发布正式版，不建议在生产环境使用

Setup#

参数:
- props
- context

props: 和一般组件化开发一样，接收传来的值, props是响应式的，当传入新的props会更新,由于是响应式的所以不可以进行es6结构

export default {
    props: {
        title: {
            type: String,
            default: ""
        }
    },
    
    setup(props) {
        console.log(props.title)
    }
}

响应式API#

reactive#

返回对象的响应式副本

const obj = reactive({ count: 0 })

响应式转换是深层的

vModel 原理#

vue3.x 采用Proxy替代Object.defineProperty,因为Proxy可以直接监听数据与对象的变化，并且有多种操作方法