网站建设公司创业,西安哪家网站公司做的比较好,网站模板和源码,广西建设厅微信网站1.setup函数的作用: 1.是组合式api的入口2.比beforeCreate 执行更早3.没有this组件实例一开始创建vue3页面的时候是这样的
template/template
script
export default{setup(){return{ }}
}
/script给容器传参在页面中显示 数据给模板使用,以…1.setup函数的作用: 1.是组合式api的入口2.比beforeCreate 执行更早3.没有this组件实例一开始创建vue3页面的时候是这样的
template/template
script
export default{setup(){return{ }}
}
/script给容器传参在页面中显示 数据给模板使用,以前是data选项中即可,现在在setup中直接定然后返回,模板中即可使用
template{{ msg }}
/template
script
export default{setup(){console.log(setup,this);const msg vue3return{ msg,}}}
/script3.通过打印方式发现setup函数比beforeCreate 执行更早setup中没有this组件实例 4.通过点击事件控制台显示内容
templatebutton clicksay点击/button
/template
script
export default{setup(){const say () {console.log(按钮点击的);}return{ say}}
}
/script5.通过点击把页面元素改变一下 (注意的地方:这个地方控制台能显示修改成功,页面是没有变化的)
template{{ msg }}button clicksay点击/button
/template
script
export default{setup(){let msg vue3const say () {console.log(按钮点击的);msg点击完后的vue3console.log(msg);}return{ msg,say}},}
/script