劳力士手表价格及图片 官方网站,上海做网站待遇,做app网站的公司,重庆企业建站系统模板1、setup()的语法糖的用法
script标签上写setup属性#xff0c;不需要export default {} setup() 都可以省
创建每个属性或方法时也不需要return
导入某个组件时也不需要注册
script setup
// script标签上写setup属性#xff0c;不需要export default {} set…1、setup()的语法糖的用法
script标签上写setup属性不需要export default {} setup() 都可以省
创建每个属性或方法时也不需要return
导入某个组件时也不需要注册
script setup
// script标签上写setup属性不需要export default {} setup() 都可以省
import {ref} from vue//组合式api//创建响应式数据age初始值是10const ageref(10)const snameref(zs)//修改年龄的方法const increase(){age.value}//模板需要用的数据或方法需要 return/scripttemplate
divhello,world/div
p年龄{{ age }}/p
p姓名{{ sname }}/p
button clickincrease年龄1/button
/templatestyle scoped/style2、setup()的非语法糖的用法
创建多个数据就要return多个数据
setup() 组合式api的入口执行的时机比beforCreate还早
script
import {ref} from vue
export default {setup(){//组合式api//创建响应式数据age初始值是10const ageref(10)const snameref(zs)//修改年龄的方法const increase(){age.value}//模板需要用的数据或方法需要 returnreturn {age,increase,sname}}
}
/scripttemplate
divhello,world/div
p年龄{{ age }}/p
p姓名{{ sname }}/p
button clickincrease年龄1/button
/templatestyle scoped/style