vue3 中的组合式写法改为选项式写法

ref和reactive声明的proxy对象,换成option的data变量即可实现响应式追踪。

computed声明的变量变成computed内的函数,在调用的时候用this.computed-name即可调用到返回的结果,不需要()。

defineexpose内的对象换成expose,这个可以使父组件通过ref的时候限制父组件对子组件的访问限制,只能访问子组件expose出来的内容,降低耦合度。同时,父组件通过ref访问子组件时的option写法和vue2一样,在data中声明ref的值比如children,在子组件参数中通过ref=“children” 将子组件的引用绑定到父组件实例下,在mounted函数中赋值(mounted函数中的this指向组件实例,此时才会有子组件的引用)this.children =this.$ref.children,将子组件引用赋值给data中的变量,最后通过变量去在模板中使用子组件expose出来的内容

你可能感兴趣的:(vue3.0,javascript,前端,vue.js)