标签：函数 写法 setup xxx 特性 vue3.0 组件 ref

setup函数：

　　在该函数声明的变量以及值需要return，其他模块才能只用，否则只能在该函数内使用。

声明变量：

　　vue3.0声明变量提供了两种方式，一个是ref(响应式),一个是reactive(非响应式)，

　　以ref声明的变量都有一个value属性， 我们在setup函数改变量.value属性来进行赋值才能达到响应式，在html模块不需要.value该属性来获取值。

获取子组件：

　　2.0写法：this.refs['xxx'];

　　3.0写法：

　　　　1.需要在引入VUE里面的全局变量，ref->import {ref} from 'vue'

　　　　2.在setup函数声明一个ref构造函数的变量名（变量名和渲染标签的ref属性一致）最后 return;

关于子组件里面对父组件进行交互：

　　获取父组件属性：

　　　　2.0写法：this.parent.parent.....;

　　　　3.0写法：子组件根据setup函数里面默认参数props,context,利用第二个参数可以获取父级，context.parent.xxx;

　　调用父组件方法

　　　　2.0写法：this.emit('xxx',xxx);

　　　　3.0写法：

　　　　　　1.子组件需要声明父组件传过来的函数emits:['xxxx',....],这个写法类似于传值

　　　　　　2.子组件在setup函数的第二个参数来获取vue的emit('xxx',xxx);

钩子函数：

　　onCreated

　　onMounted

　　...

监听：

　　vue3.0一个监听一个函数，如果需要监听多个值则需要写多个监听函数；

标签：函数,写法,setup,xxx,特性,vue3.0,组件,ref
来源： https://www.cnblogs.com/cxya/p/15425224.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。