vue 3.0 基础语法

VUE 3.0 compositions API
// created 实例被完全初始化之前

setup函数使用

setup禁止使用this

响应式的引用
1. ref 处理基础类型数据：

let name = ref（‘dell’）经转换为 proxy( { value: 'dell' } )

赋值方式为 name.value = ‘xxx’

2. reactive处理非基础类型的数据：

const nameObj =reactive( { name: 'dell' } )  经转换为 proxy( { name: 'dell' } )

3. readonly 将数据转换为只读状态。

4.vue3 默认不能使用解构来实现响应式 提供 toRefs 它会将( { name: 'dell' } )，转换为 { name ：proxy( { value: 'dell' } ) }。

5. toRef 默认对象没有的属性直接不能使用需要 toRef（obj，‘该属性名称’）。

6. setup ( props, context )参数 context

const { attrs, slots, emit } = context

7. 获取DOM    setup const  hello = ref(null) 变量名称需要和DOM定义ref名称一致。