![Vue.js 3.0从入门到精通(视频教学版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/154/44510154/b_44510154.jpg)
上QQ阅读APP看书,第一时间看更新
4.8 疑难解惑
疑问1:命名动态参数时需要注意什么?
指令的参数可以是动态参数,例如以下代码:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P68_165355.jpg?sign=1738808777-9vPAK46S2ZqtZvqBC8sVwh68HKP7o6Uu-0-1dbd021896fe38dedaf394adb9b40428)
这里的attribute会作为表达式进行动态求值,求得的值作为最终的参数来使用。这里记得要避免使用大写字母命名动态参数,因为浏览器会把元素的属性名全部转化为小写字母,最后会因为大小写问题而找不到最终的大写动态参数名称。
疑问2:data()函数的返回到数据保存到哪里了?
Vue在创建组件实例时,会把data()函数返回的数据对象保存到组件实例的$data属性中,同时为了方便访问,数据对象的任何顶层属性也直接通过组件实例公开。也就是访问数据属性时,vm.$data.message和vm.message的效果是一样的。