setup
理解:
vue3.0中一个新的配置项,值为一个函数
setup是所有Composition api(组合api) 表演的舞台
组建中所用到的东西,数据,方法等等,均要配置在setup中
setup...函数的两种返回值
若返回一个对象,则对象的属性,方法,在模板中均可以直接使用(重点关注)
若返回一个渲染函数,则可以自定义渲染内容(了解)
注意点
vue2.x配置(data,methods,computed......)中可以访问到setup中的属性,方法
但是setup中不能访问到vue2.x配置(data,methods,computed)
如果有重名,setup优先
尽量不要与vue2.x配置混用
setup...不能是一个async函数,因为返回值不再是return的对象,而是promise,模板看不到return对象中的属性
hello
setup的第一种用法
我是setup...${name},我今年${age}岁`)
}
实际上是修改了,但是因为不是响应式数据,视图不刷新
使用ref解决这个问题
setup(){
let name = ref("花花");