vue 一个页面多次使用同一个组件,传值问题

mounted 只会在挂载的时候执行一次

props传过来的数据只做展示，不得修改，想修改，再新写一个data中的变量承接做数据的再处理。

.sync 实现双向绑定

问题描述：
我在同一个页面多次使用我的canvas创建的组件。数据覆盖到第一个上面
错误使用：document.getElementsByClassName(“canvasDom”);
原因是: 组件中使用元素id获取元素,多个组件中获取的的是相同的ID,所以默认取的是第一个,且只有第一个有值

解决方案: 使用ref属性获取元素。 this.$refs.canvasRef