setup函数:
- 新的option,所有的组合api函数都在此使用,只有在初始化时执行一次
哈哈,我有变帅了
后台输出:
使用到这,这个函数有点vue2.0中生命周期函数created的味道了
- 函数如果返回对象,对象中的属性或方法,模板中可以直接使用
ref实现响应式:
ref是一个函数,作用:定义一个响应式的数据,返回的是一个ref对象,对象中有一个value属性,用来处理基本数据类型,如果用ref对象/数组,内部自动会将对象/数组转换为reactive的代理对象
如果需要对数据进行操作,需要使用该ref对象调用value属性的方式进行操作
html模板中是不需要使用.value属性的写法
哈哈,我有变帅了{{number}}
reactive作用:定义多个数据的响应式
const proxy = reactive(obj);接收一个普通对象然后返回该普通对象的响应式代理器对象
姓名:{{user.name}}
年龄:{{user.age}}
媳妇:{{user.wife}}
效果:
const user = reactive(obj)
(1)uesr对象或者obj对象添加一个新的属性,哪一种方式会影响界面的更新
(2)user对象或者obj对象中移除一个已经存在的属性,哪一种方式会影响界面的更新



