vue中在页面渲染完之后获取dom元素[vue javaScript vue插值 动态渲染 版本变更比对]

vue中在页面渲染完之后获取dom元素

项目新需求 数据版本变更比对，将两组数据的属性值进行对比，不同的地方加以颜色提示，使用compare.js 插件，调用CompareTxt方法，传入需对比的两个dom，CompareTxt对其下的innerHtml进行对比。
项目使用vue.js，html页面：

  <div id="matterCode1" ref="matterCode1">
            {
  {form1.matterCode}}
  </div>
  <div id="matterCode2" ref="matterCode2">
            {
  {form1.matterName}}
  </div>

method中加入方法 如下：

compare(){
   
//方式一 vue ref=matterCode 获取dom
 let matte