1、在父组件调用到的时候,给组件传递属性
<my-vote title="支持张三是女孩?" :supnum="10" :oppnum="15"></my-vote>
2、子组件想要用父组件传递的属性,需要注册一下
props: ["title", "oppnum"]
这里只注册需要用到的属性即可
注意
注册完成后,会把当前属性挂载到(当前组件的)实例上
获取这个值的方法
{{title}} / this.title
基于父组件传递给子组件的属性值是不建议去直接修改操作的
因为通过子组件修改的值,会被下次父组件重新渲染时传递的属性覆盖掉
所以
子组件内部 接收到的属性值 可以理解为是只读的
(项目中我们可以把获取的属性值再赋值给组件的 DATA/COMPUTED,操作都是按照DATA来操作)
把属性信息挂载到DATA上,一定要记住属性信息此时也在实例上挂载了,DATA信息也会挂载到实例上,所以名字不能一致
调用组件的时候如果设置的属性是class/style这类样式属性,VUE会默认帮我们把样式和组件的样式进行合并处理