Javascript 更新多个组件之一'；在Vue.js中从外部使用s道具

找不到从组件外部更新特定组件道具的方法

我有一个

App.js

，它以

.vue

格式加载所有组件。基本上，我要做的是在

App.js

中导入一个

counter.vue

，并想修改一个特定组件的数据

主文件

App.js

：

Vue.component('counter', require('./components/Counter.vue'));

export const App = window.App = new Vue({
    el: '#app',

    methods: {

    }
});

这是一个

计数器.vue

文件：

<template>
    <span class="counter">{{ number }}</span>
</template>

<script>
    export default {
        props: ['name', 'number'],
    };
</script>

如何将名为

cnameB

的计数器递增1

---

我尝试使用一种方法，但这并不是我所需要的。

将要递增的数字绑定到数据属性，然后递增该属性：

Vue.component（'counter'{
模板：`{number}}`，
道具：['name'，'number']，
});
新Vue({
el:“#应用程序”，
数据（）{
返回{
傅:20,，
}
}
});

增加第二个计数器

<counter name="cnameA" number="10"></counter>
<counter name="cnameB" number="20"></counter>
<counter name="cnameC" number="30"></counter>