当前位置: 首页 > news >正文

免费申请自己的网站登录建设部网站

免费申请自己的网站,登录建设部网站,东莞网络营销网络推广系统,建设网站用什么服务器Vue3 组合式API如何获取组件实例#xff1f; Vue2获取方式 在 Vue2 中#xff0c;我们可以给组件设置 ref 属性后#xff0c;就可以直接通过#xff1a;this.$refs.HelloRef 来获取组件实例中所有的属性和方法 templateHello refHelloRef /…Vue3 组合式API如何获取组件实例 Vue2获取方式 在 Vue2 中我们可以给组件设置 ref 属性后就可以直接通过this.$refs.HelloRef 来获取组件实例中所有的属性和方法 templateHello refHelloRef / /templateVue3获取方式 在 Vue3 中如果采用了组合式API它是没有 this 的所以写法与 Vue2 略有不同。我们可以这么做来获取组件中我们想要的数据 App.vue 首先老规矩在 App.vue 中通过给 Hello.vue 子组件设置 ref 属性来获取子组件向父组件暴露的属性和方法 template!-- 1. 给组件设置ref属性 --Hello refHelloRef /button clickbtn获取组件实例/button /templatescript langts import { ref } from vue; import Hello from ./components/Hello.vueexport default {setup() {interface Hello { info: string, func: () void }// 2. 定义组件变量const HelloRef refHello | null(null)const btn () {// 4. 获取组件实例console.log(HelloRef.value?.info); // HelloHelloRef.value?.func() // Hello Vue3!}return { btn }} } /scriptHello.vue 在 Hello.vue 子组件中通过 return 暴露出父组件需要的属性和方法即可 templateh1Hello/h1 /templatescript langts import { ref } from vue;export default {setup() {const info refstring(Hello)const func () {console.log(Hello Vue3!);}return { info, func }} } /script使用 setup 语法糖 但如果使用了 setup 语法糖则需要用到 defineExpose 宏函数来解决这个问题。 App.vue templateHello refHelloRef /button clickbtn获取组件实例/button /templatescript setup langts import { ref } from vue; import Hello from ./components/Hello.vueinterface Hello { info: string, func: () void }const HelloRef refHello | null(null)const btn () {console.log(HelloRef.value?.info); // HelloHelloRef.value?.func() // Hello Vue3! } /scriptHello.vue 在 Hello 组件中通过 defineExpose 将需要暴露给父组件的属性和方法导出 templateh1Hello/h1 /templatescript setup langts import { Ref, ref } from vue;const info refstring(Hello)const func () {console.log(Hello Vue3!); }// 3. 通过 defineExpose 暴露属性 / 方法// js写法 // defineExpose({ info, func })// ts写法 defineExpose{ info: Refstring, func: () void }({ info, func }) /script注意 在组合式API setup 语法糖中子组件不通过 defineExpose 将属性 / 方法暴露出去父组件是无法获取到对应数据的
http://wiki.neutronadmin.com/news/134034/

相关文章:

  • 张家界市建设局网站香河县住房和城乡建设部网站
  • 深圳住房和建设局网站轮候大厅手机网价格直降
  • 免费授权企业网站源码邯郸中国建设银行网站
  • 好看的网站的导航怎么做专业外包网站建设公司
  • 给别人做网站的公司杭州企业网站优化
  • 桓台网站开发天涯社区和海南在线不能正常访问
  • asp代码如何修改asp网站网页域名名称禅城网站建设公司价格
  • 网站pr怎么提升网站的定位
  • 网站空间如何使用小程序收录wordpress主题
  • 如何建设像艺龙一样网站php是做网站还是网页
  • 长春做高端网站公司wordpress 多层分类
  • jquery网站模板加工平台网站
  • 多元 集团 网站建设方案瑞华特散热器网站谁给做的
  • 做wap网站能火吗怎么建设网站怎么样
  • 茶叶品质网站建设做一个交易网站要花多少钱
  • 购买模板做网站跨境电商 网站开发
  • 网站备份 ftpwordpress vip 插件
  • 公司后台的网站代理维护更新律师事务所网站 备案
  • 谢岗网站建设网页设计与制作论文1000字
  • 泉州城乡住房建设厅网站MEZZANINE wordpress
  • 免费刷网站百度关键词建站公司跑路了域名怎么办
  • 湖南网站制作哪家专业网站制作公司代理
  • 网站seo分析常用的工具是wordpress建站版本推荐
  • wordpress做的视听网站河南外贸网站建设
  • 如何做百度站长绑定网站浏览器编程语言
  • 云南集优科技网站南通网站定制哪家好
  • 代理龙华网站建设济宁网站建设专业定制
  • 电子商务网站建设策划报告手机商城 手机网站建设
  • 培训网站 建网站推广咋做的
  • 外网视频网站做泥声控哪些网站可以做问卷