1、父组件向子组件传值
翻译如下:避免直接对道具进行修改,因为每当父组件重新呈现时,该值将被覆盖。相反,使用基于该道具的值的数据或计算属性。
也就是说,你不能直接在自组件里面去修改接收到的值,因为这样会导致其他组件的使用有问题,你应该在这个组件里面去改变属于它自己的数据或者属性。怎么写呢?代码如下:
- props: ['count'],
- data () {
- return {
- number: this.count
- //把count的值给自己的number
- }
- },
- template: `<div @click="handleCountClick">{{number}}</div>`,
- methods: {
- handleCountClick() {
- this.number ++;
- }
- }
2、自组件向父组件传值
this
.
$emit
(
'change'
,
1
) 1是携带的参数
handleChange
(
aaa
) {//aaa接受携带的参数
this
.
total
+=
aaa
;
}