vue几个常用属性($props, $attrs, $options, $root, $refs)

vue定义了一些特殊属性用来解决一些特定问题,汇总如下

序号 属性 作用 解释
1 $props 子组件用来接收父组件传过来的值
2 $attrs 解决隔代传值时中间呆不需要该值却要用$props接收的问题 参考https://blog.csdn.net/qq_38513816/article/details/88343911, 写的很清楚了
3 $root 用来访问根vue组件实例 vue项目中可以包含多个组件,每个组件都会有实例, 可以在根组件上注册一些公共的属性和方法, 在其他组件中可通过$root直接访问
4 $parent 父组件 只有一个,根组件没有,为undefined
5 $child 子组件 数组, 包含所有子组件的引用
6 $options vue对象构造函数接收的参数,包含当前vue实例初始化参数 vue几个常用属性($props, $attrs, $options, $root, $refs)_第1张图片
7 $refs 用来引用dom 当前页面中的组件或页面元素可以设置ref属性,定义一个引用,该引用会被注册到当前组件的$refs属性中,可通过$refs应用. 如一个table元素定义了ref=’“table1”, 则可以在js中通过this.$refs.table1引用

你可能感兴趣的:(vue,vue,$refs,$props,$attrs)