北京手机网站建设外包,wordpress 伪静态实现,网站负责人拍照,定制高端网站选项式写法
使用 选项式API - 状态选项 - expose 一定要注意#xff1a; 接下来#xff0c;进一步看示例说明#xff1a;
设置 expose
仅显示列出的属性/方法才能被父组件调用#xff1b;代码第 2 行#xff0c;父组件可访问属性 a 和 方法 myFunc01#xff0c;不可访…选项式写法
使用 选项式API - 状态选项 - expose 一定要注意 接下来进一步看示例说明
设置 expose
仅显示列出的属性/方法才能被父组件调用代码第 2 行父组件可访问属性 a 和 方法 myFunc01不可访问属性 b 和 方法 myFunc02
export default {expose: [a, myFunc01],data() {return {a: 1,b: 2}},methods: {myFunc01(){//...},myFunc02(){//...}}
}
/script不设置expose
默认全部属性/方法都可被父组件调用父组件可访问 a、b、 myFunc01myFunc02 等全部属性/方法我就在这里犯错了…
export default {data() {return {a: 1,b: 2}},methods: {myFunc01(){//...},myFunc02(){//...}}
}组合式写法
设置 defineExpose
组合式写法默认所有属性和方法都是私有的需要使用 defineExpose 宏显示暴露代码 15-18 行父组件只能调用属性 a 和方法 myFunc01defineExpose 无需引入在script setup中可直接使用
script setup
import { ref } from vueconst a ref(1)
const b ref(2)function myFunc01(){//...
}function myFunc02(){//...
}defineExpose({a,myFunc01
})
/script
